:root{
  --color-bg:#121212;
  --color-surface:#262626;
  --color-text:#E5E5E5;
  --color-accent:#E25822;
  --color-divider:#7A7A7A;
  --color-grain:rgba(229,229,229,0.04);

  --font-heading:'Space Grotesk','Oswald',sans-serif;
  --font-body:'Inter','Roboto',sans-serif;

  --text-xs:0.875rem;
  --text-sm:1rem;
  --text-md:1.2rem;
  --text-lg:1.6rem;
  --text-xl:2.2rem;
  --text-xxl:3.2rem;

  --space-0:0;
  --space-1:8px;
  --space-2:16px;
  --space-3:32px;
  --space-4:48px;
  --space-5:72px;

  --radius-none:0;
  --radius-sm:2px;

  --shadow-hard:0 10px 0 rgba(0,0,0,0.4);

  --container-max:1200px;
  --container-pad:32px;

  --transition-fast:120ms ease;
}

@media (max-width:768px){
  :root{
    --container-pad:20px;
  }
}

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

html{
  scroll-behavior:smooth;
}

body{
  min-height:100vh;
  background:var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-body);
  font-size:var(--text-sm);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:var(--color-grain);
  mix-blend-mode:overlay;
  opacity:1;
  z-index:9999;
}

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

a{
  color:var(--color-accent);
  text-decoration:none;
  transition:color var(--transition-fast);
}

a:hover{
  color:var(--color-text);
}

button,
input,
textarea,
select{
  font:inherit;
  color:inherit;
  background:none;
  border:none;
  outline:none;
}

button{
  cursor:pointer;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  text-transform:uppercase;
  letter-spacing:0.08em;
  line-height:1.1;
  margin-block-end:var(--space-2);
}

h1{font-size:var(--text-xxl);}
h2{font-size:var(--text-xl);}
h3{font-size:var(--text-lg);}
h4{font-size:var(--text-md);}
h5{font-size:var(--text-sm);}
h6{font-size:var(--text-xs);}

p{
  margin-block-end:var(--space-2);
}

ul,ol{
  margin-block-end:var(--space-2);
  padding-left:1.2em;
}

li{
  margin-block-end:var(--space-1);
}

blockquote{
  margin-block-end:var(--space-3);
  padding-left:var(--space-2);
  border-left:2px solid var(--color-divider);
}

hr{
  border:none;
  height:1px;
  background:var(--color-divider);
  margin-block:var(--space-3);
  opacity:0.6;
}

:where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote):last-child{
  margin-block-end:0;
}

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

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

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

.surface{
  position:relative;
  background:var(--color-surface);
  padding:var(--space-3);
  box-shadow:var(--shadow-hard);
  border:1px solid var(--color-divider);
}

.surface::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--color-grain);
  mix-blend-mode:overlay;
  pointer-events:none;
}

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

.grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

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

@media (max-width:768px){
  .grid-2,
  .grid-3,
  .grid-4{
    grid-template-columns:1fr;
  }
}

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

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

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

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

.btn{
  display:inline-block;
  padding:12px 20px;
  background:var(--color-surface);
  color:var(--color-text);
  border:1px solid var(--color-divider);
  text-transform:uppercase;
  letter-spacing:0.08em;
  box-shadow:var(--shadow-hard);
  transition:all var(--transition-fast);
}

.btn:hover{
  background:var(--color-accent);
  color:#000;
}

.btn:active{
  transform:translateY(4px);
  box-shadow:0 4px 0 rgba(0,0,0,0.4);
}

.btn-primary{
  background:var(--color-accent);
  color:#000;
  border-color:var(--color-accent);
}

input,
textarea,
select{
  width:100%;
  background:var(--color-surface);
  border:1px solid var(--color-divider);
  padding:12px;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--color-accent);
}

label{
  display:block;
  margin-bottom:var(--space-1);
  font-size:var(--text-xs);
}

.form-group{
  margin-bottom:var(--space-3);
}

.divider{
  width:100%;
  height:2px;
  background:var(--color-divider);
  margin-block:var(--space-3);
  transform:skewX(-10deg);
}

.media{
  position:relative;
  overflow:hidden;
}

.media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.media::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--color-grain);
  mix-blend-mode:overlay;
  pointer-events:none;
}

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


.site-header{position:sticky;top:0;z-index:1000;background:var(--color-bg);border-bottom:1px solid var(--color-divider);} 
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-2);} 
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);} 
.brand-mark{height:44px;width:auto;} 
.brand-text{font-family:var(--font-heading);font-size:1.2rem;letter-spacing:0.08em;} 

.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;border:1px solid var(--color-divider);} 
.nav-toggle-line{display:block;height:2px;background:var(--color-text);} 

.site-nav{display:block;} 
.nav-list{display:flex;align-items:center;gap:24px;list-style:none;} 
.nav-list a{color:var(--color-text);} 
.nav-cta .btn{padding:10px 16px;} 

@media (max-width:900px){
  .nav-toggle{display:flex;} 
  .site-nav{position:fixed;top:72px;right:0;width:100%;max-width:320px;height:calc(100vh - 72px);background:var(--color-surface);transform:translateX(100%);transition:transform var(--transition-fast);overflow-y:auto;border-left:1px solid var(--color-divider);} 
  .site-nav.open{transform:translateX(0);} 
  .nav-list{flex-direction:column;align-items:flex-start;padding:var(--space-3);} 
}

@media (max-width:768px){
  .brand-mark{height:30px;} 
  .brand-text{font-size:0.9rem;} 
}


.site-footer{background:var(--color-bg);border-top:1px solid var(--color-divider);padding-block:var(--space-4);} 
.footer-inner{display:grid;gap:var(--space-3);} 
.footer-nav ul{list-style:none;display:grid;gap:8px;} 
.footer-nav a{color:var(--color-text);} 
.footer-brand .brand-mark{height:36px;} 

.consent-banner{position:fixed;bottom:0;left:0;width:100%;background:var(--color-surface);border-top:1px solid var(--color-divider);padding:var(--space-2);z-index:1000;display:none;} 
.consent-banner.show{display:block;} 
.consent-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);} 

.age-modal{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:2000;} 
.age-modal.show{display:flex;} 
.age-dialog{background:var(--color-surface);padding:var(--space-3);border:1px solid var(--color-divider);box-shadow:var(--shadow-hard);text-align:center;} 
.age-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);}


.contact-page{position:relative}

.contact-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.contact-hero-text{max-width:520px}
.contact-hero-bg{min-height:260px;background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-hard)}

.contact-cards{align-items:stretch}
.contact-card{transform:rotate(-1deg)}
.contact-card:nth-child(2){transform:rotate(1deg)}
.contact-card:nth-child(3){transform:rotate(-0.5deg)}

.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}
.contact-form-intro{max-width:480px}
.contact-form-box{display:block}
.contact-form-feedback{margin-top:var(--space-2);font-size:var(--text-xs)}

.contact-steps{display:flex;gap:var(--space-3)}
.contact-step{flex:1;min-width:0;border-left:2px solid var(--color-divider);padding-left:var(--space-2)}

.contact-timing-inner{max-width:600px;margin-inline:auto;text-align:center}

.contact-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.contact-tag{border:1px solid var(--color-divider);padding:10px 14px;min-height:48px}
.contact-tag.active{background:var(--color-accent);color:#000}

.contact-atmosphere-text{max-width:720px}

.contact-cta-inner{text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}

@media (max-width:768px){
.contact-hero-inner{grid-template-columns:1fr}
.contact-form-grid{grid-template-columns:1fr}
.contact-steps{flex-direction:column}
}


.pp-page{}

.pp-hero-inner{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.pp-title{
  max-width:60%;
}

.pp-intro{
  max-width:520px;
}

.pp-controller .pp-block{
  max-width:700px;
  margin-left:10%;
}

.pp-data h2{
  margin-bottom:var(--space-3);
}

.pp-data-block{
  max-width:700px;
}

.pp-data-block.alt{
  margin-left:auto;
}

.pp-purpose .pp-center-block{
  max-width:640px;
  margin-inline:auto;
}

.pp-retention-block{
  max-width:520px;
}

.pp-rights-grid > *{
  min-width:0;
}

.pp-closing-block{
  max-width:600px;
  margin-inline:auto;
}

@media (max-width:768px){
  .pp-title{max-width:100%;}
  .pp-controller .pp-block{margin-left:0;}
  .pp-data-block{margin-left:0 !important;}
}


.tc-page{}

.tc-hero-text{
  max-width:640px;
  margin-left:40px;
}

.tc-hero-text h1{
  transform:skewX(-3deg);
}

.tc-general-grid{
  display:grid;
  grid-template-columns:30% 70%;
  gap:var(--space-3);
}

.tc-general-content{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  max-width:700px;
}

.tc-events-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-3);
}

.tc-card{
  background:var(--color-surface);
  padding:var(--space-3);
  border:1px solid var(--color-divider);
  box-shadow:var(--shadow-hard);
  transition:transform var(--transition-fast), box-shadow var(--transition-fast);
}

.tc-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 0 rgba(0,0,0,0.4);
}

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

.tc-liability-block{
  max-width:680px;
}

.tc-highlight{
  color:var(--color-accent);
}

.tc-final-content{
  max-width:600px;
}

@media (max-width:1024px){
  .tc-events-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:768px){
  .tc-hero-text{
    margin-left:0;
    text-align:center;
  }

  .tc-general-grid{
    grid-template-columns:1fr;
  }

  .tc-events-grid{
    grid-template-columns:1fr;
  }
}


.cookie-page{position:relative}

.cookie-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.cookie-hero-content{max-width:640px}
.cookie-intro{max-width:640px}
.cookie-updated{font-size:var(--text-xs);color:var(--color-divider)}
.cookie-updated span{color:var(--color-accent)}

.cookie-what-box{max-width:600px;margin-inline:auto;transform:rotate(-1deg)}

.cookie-card-grid{align-items:start}
.cookie-card{transition:all var(--transition-fast)}
.cookie-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}

.cookie-data-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-3)}
.cookie-data-main{min-width:0}
.cookie-data-side{min-width:0;border-left:4px solid var(--color-accent)}

.cookie-third-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}

.cookie-manage-box{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}
.cookie-warning{border-left:4px solid var(--color-accent);padding-left:var(--space-2)}

.cookie-rights-box{max-width:500px}

.cookie-links-box{text-align:center;max-width:700px;margin-inline:auto}

@media(max-width:768px){
.cookie-hero-grid{grid-template-columns:1fr}
.cookie-data-grid{grid-template-columns:1fr}
.cookie-third-grid{grid-template-columns:1fr}
}


.kezdolap .hero-grid{display:grid;grid-template-columns:35% 65%;gap:var(--space-3);align-items:center}
.kezdolap .hero-typography{display:flex;flex-direction:column;gap:var(--space-3)}
.kezdolap .hero-typography h1{font-size:var(--text-xxl);max-width:700px}
.kezdolap .hero-intro{max-width:520px}
.kezdolap .index-panel{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.kezdolap .index-panel ul{list-style:none}

.kezdolap .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.kezdolap .text-col{max-width:520px}

.kezdolap .card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}

.kezdolap .atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.kezdolap .atmos-text{display:flex;flex-direction:column;gap:var(--space-2);max-width:480px;margin-left:auto}

.kezdolap .values-grid .value{max-width:260px;margin-inline:auto;text-align:center}

.kezdolap .process-grid .step{max-width:260px}

.kezdolap .cta-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}

.kezdolap .teaser-links{max-width:700px}

@media(max-width:768px){
.kezdolap .hero-grid{grid-template-columns:1fr}
.kezdolap .intro-grid{grid-template-columns:1fr}
.kezdolap .atmosphere-grid{grid-template-columns:1fr}
.kezdolap .atmos-text{margin-left:0}
}


.home-page{position:relative}

.home-hero{position:relative;min-height:80vh;display:flex;align-items:center}
.home-hero__media{position:absolute;inset:0;z-index:0}
.home-hero__content{position:relative;z-index:1;max-width:520px;margin-left:var(--container-pad);display:flex;flex-direction:column;gap:var(--space-2)}
.home-hero h1{max-width:22ch}

.home-intro__grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3)}
.home-intro__text{max-width:65ch}
.home-intro__empty{border:1px solid var(--color-divider);min-height:200px}

.home-experiences__grid>.home-card{transition:transform var(--transition-fast)}
.home-experiences__grid>.home-card:hover{transform:translateY(-6px)}
.home-card{display:flex;flex-direction:column;gap:var(--space-2)}

.home-atmosphere__grid{display:grid;grid-template-columns:70% 30%;gap:var(--space-3);align-items:center}
.home-atmosphere__text{max-width:38ch}

.home-full-image{position:relative}
.home-full-image__caption{position:absolute;bottom:var(--space-3);left:50%;transform:translateX(-50%);background:var(--color-surface);padding:var(--space-2);border:1px solid var(--color-divider)}
.home-full-image__caption p{margin:0}

.home-details__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}

.home-cta__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}
.home-cta{background:var(--color-accent);color:#000}

@media(max-width:768px){
.home-hero{min-height:auto;flex-direction:column}
.home-hero__content{max-width:100%;margin:var(--space-3)}
.home-intro__grid{grid-template-columns:1fr}
.home-atmosphere__grid{grid-template-columns:1fr}
.home-details__grid{grid-template-columns:1fr}
}


.bemutatkozas .hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3);align-items:center}
.hero-title{font-size:var(--text-xxl);transform:skewX(-5deg)}
.hero-intro{max-width:320px}
.hero-text{display:flex;flex-direction:column;gap:var(--space-2)}

.intro-grid .intro-card{transform:translateY(0)}
.intro-grid .intro-card:nth-child(2){transform:translateY(20px)}
.intro-grid .intro-card:nth-child(3){transform:translateY(-10px)}

.atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.atmosphere-text{max-width:640px}

.audience-grid{gap:var(--space-3)}
.audience-block{border-left:2px solid var(--color-divider);padding-left:var(--space-2)}

.experiences-grid .exp-card{min-width:0}

.philosophy-grid{text-align:center}
.philosophy-grid > div{max-width:280px;margin-inline:auto}

.story-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3);align-items:center}
.story-text{max-width:600px}

.diff-block{max-width:420px}

.cta-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}

@media(max-width:768px){
.hero-grid{grid-template-columns:1fr}
.atmosphere-grid{grid-template-columns:1fr}
.story-grid{grid-template-columns:1fr}
}


.poker-page{position:relative}

.poker-hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:var(--space-4)}
.poker-hero-text{max-width:420px}
.poker-hero-text h1{transform:skewX(-6deg)}
.poker-hero-image{transform:rotate(-2deg)}

.poker-flow-inner{max-width:800px;margin-inline:auto;text-align:center}

.poker-space-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.poker-space-text{max-width:420px;justify-self:end;text-align:right}

.poker-audience-grid>.poker-card{min-width:0;transition:transform var(--transition-fast)}
.poker-card:hover{transform:translateY(-6px)}

.poker-food-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.poker-food-text{max-width:600px}
.poker-food-image{transform:rotate(2deg)}

.poker-steps-inner{max-width:700px}
.poker-steps-list{display:flex;flex-direction:column;gap:var(--space-3)}
.poker-step{min-width:0}

.poker-rules-inner{max-width:600px;margin-inline:auto;text-align:center}

.poker-private-inner{max-width:800px}

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

.poker-cta{display:inline-block}

@media (max-width:768px){
.poker-hero-grid{grid-template-columns:1fr}
.poker-space-grid{grid-template-columns:1fr}
.poker-space-text{text-align:left;justify-self:start}
.poker-food-grid{grid-template-columns:1fr}
}


.te-page{position:relative}

.te-hero{position:relative;display:grid;grid-template-columns:1fr;min-height:70vh}
.te-hero-media{position:absolute;inset:0;z-index:0}
.te-hero-content{position:relative;z-index:1;max-width:640px;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.te-hero h1{transform:skewX(-5deg)}

.te-definition-grid > *{min-width:0}
.te-block{display:flex;flex-direction:column;gap:var(--space-2);max-width:320px;margin-inline:auto;text-align:center}

.te-cards{gap:var(--space-3)}
.te-card{display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--transition-fast)}
.te-card:hover{transform:translateY(-6px)}

.te-steps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.te-step{display:flex;flex-direction:column;gap:var(--space-2)}
.te-step:nth-child(even){transform:translateY(20px)}

.te-atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}

.te-custom-wrap{display:flex}
.te-custom-box{display:flex;flex-direction:column;gap:var(--space-2);max-width:700px}

.te-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}
.te-faq-item{border:1px solid var(--color-divider);box-shadow:var(--shadow-hard)}
.te-faq-q{width:100%;text-align:left;padding:16px;background:var(--color-surface)}
.te-faq-a{display:none;padding:16px;background:#1a1a1a}
.te-faq-item.active .te-faq-a{display:block}

.te-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}

@media(max-width:768px){
.te-hero-content{padding:var(--space-4) var(--space-3)}
.te-steps{grid-template-columns:1fr}
.te-step:nth-child(even){transform:none}
.te-atmosphere-grid{grid-template-columns:1fr}
}


.ettermi-elmenyek .hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:var(--space-3)}
.hero-text{max-width:420px}
.hero-lead{max-width:420px}
.hero-image{min-height:420px}

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

.types-grid .type-card{min-width:0}
.type-card{display:flex;flex-direction:column;gap:var(--space-2)}
.type-card.t2{transform:translateY(20px)}
.type-card.t3{transform:translateY(-10px)}

.gastro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.gastro-text{max-width:520px}

.space-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3);align-items:center}
.space-text{max-width:420px}

.audience-grid .audience-col{min-width:0;max-width:340px}

.flow-grid{display:flex;justify-content:space-between;gap:var(--space-3)}
.flow-step{max-width:220px}

.why-box{max-width:900px}

.links-grid .link-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}

.cta-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}

@media (max-width:768px){
.hero-grid{grid-template-columns:1fr}
.gastro-grid,.space-grid{grid-template-columns:1fr}
.flow-grid{flex-direction:column}
}


.vr-page{}

.vr-hero-inner{display:grid;grid-template-columns:40% 60%;gap:var(--space-3);align-items:center}
.vr-hero-text{max-width:520px}
.vr-hero-image{min-height:420px}

@media(max-width:768px){
.vr-hero-inner{grid-template-columns:1fr}
}

.vr-diff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.vr-card{transition:transform var(--transition-fast)}
.vr-card:hover{transform:translateY(-6px)}
@media(max-width:768px){
.vr-diff-grid{grid-template-columns:1fr}
}

.vr-types-list{display:grid;gap:var(--space-3);max-width:900px;margin-inline:auto}
.vr-type{max-width:720px}

.vr-exp-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.vr-exp-text{max-width:520px}
@media(max-width:768px){
.vr-exp-inner{grid-template-columns:1fr}
}

.vr-custom-stack{display:flex;flex-direction:column;gap:var(--space-3)}

.vr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);text-align:center}
.vr-step{max-width:320px;margin-inline:auto}
@media(max-width:768px){
.vr-steps{grid-template-columns:1fr}
}

.vr-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
@media(max-width:768px){
.vr-audience-grid{grid-template-columns:1fr}
}

.vr-image-full img{width:100%;height:auto;display:block}

.vr-faq-list{display:flex;flex-direction:column;gap:var(--space-2);max-width:700px}
.vr-faq-question{width:100%;text-align:left;padding:12px;border:1px solid var(--color-divider);background:var(--color-surface)}
.vr-faq-answer{display:none;padding:var(--space-2);border:1px solid var(--color-divider);border-top:none}
.vr-faq-item.active .vr-faq-answer{display:block}

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


.thankyou-wrap{
  display:flex;
  justify-content:center;
}

.thankyou-card{
  max-width:720px;
  width:100%;
}

.thankyou-inner{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:center;
  margin-inline:auto;
}

.thankyou-lead{
  font-size:var(--text-md);
}

.thankyou-next{
  font-size:var(--text-sm);
  color:var(--color-text);
  opacity:0.9;
}

.thankyou-actions{
  display:flex;
  justify-content:center;
  gap:var(--space-2);
  flex-wrap:wrap;
}

.thankyou-card{
  transform:skewY(-1deg);
}

.thankyou-card::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid var(--color-divider);
  transform:skewX(-2deg);
  pointer-events:none;
}

@media (max-width:768px){
  .thankyou-card{
    transform:none;
  }
}


@media (max-width: 768px) {
  .hero-grid {
      grid-template-columns: 1fr !important;
  }
}