/* Hétvége Klub landing: péntek esti indigó, szombati nap. A fő elem a kipróbálható hétvégeterv. */
@font-face{font-family:"PJ";font-weight:500;font-display:swap;src:url(assets/plus-jakarta-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"PJ";font-weight:500;font-display:swap;src:url(assets/plus-jakarta-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"PJ";font-weight:800;font-display:swap;src:url(assets/plus-jakarta-sans-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"PJ";font-weight:800;font-display:swap;src:url(assets/plus-jakarta-sans-latin-800-normal.woff2) format("woff2")}

:root{--night:#1c1060;--indigo:#2a1890;--violet:#5b3fd6;--lilac:#ece8fb;--sun:#ffc94d;--coral:#ff6b4a;--leaf:#12a37a;
  --ink:#17142b;--ink-2:#575270;--ink-3:#8c87a3;--paper:#fff;--mist:#f6f4fc;--line:#e6e2f3;--w:1160px;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:500 17px/1.6 "PJ",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:1.04;margin:0}
h2{font-size:clamp(1.9rem,4.4vw,3.1rem);max-width:18ch}
h3{font-size:1.5rem;letter-spacing:-.025em}
p{margin:0}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:8px}
main section{padding-left:max(20px,calc((100vw - var(--w))/2));padding-right:max(20px,calc((100vw - var(--w))/2))}

.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(20px,calc((100vw - var(--w))/2));background:color-mix(in srgb,var(--night) 88%,transparent);backdrop-filter:blur(12px);color:#fff}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.02em;font-size:1.1rem}
.brand img{border-radius:9px}
.top nav{display:flex;align-items:center;gap:24px;font-size:.95rem}
.top nav a{text-decoration:none;opacity:.85} .top nav a:hover{opacity:1}
.btn-sm{background:var(--sun);color:var(--ink);opacity:1!important;padding:8px 16px;border-radius:999px;font-weight:800}

/* hős: indigó este, sarokban a felkelő nap */
.hero{position:relative;overflow:hidden;background:var(--night);color:#fff;display:grid;grid-template-columns:1fr minmax(0,460px);gap:56px;align-items:center;padding-top:72px;padding-bottom:96px}
.sun{position:absolute;right:-140px;top:-160px;width:420px;height:420px;border-radius:50%;background:var(--sun);opacity:.95}
.hero-copy,.planner{position:relative}
.hero h1{font-size:clamp(2.7rem,6.6vw,5.4rem);max-width:10ch}
.lead{font-size:1.2rem;color:var(--ink-2);margin-top:22px;max-width:38ch}
.hero .lead{color:rgba(255,255,255,.82)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.store{display:inline-flex;align-items:center;gap:12px;background:var(--sun);color:var(--ink);text-decoration:none;border-radius:16px;padding:12px 22px 12px 16px;font-weight:800;font-size:1.05rem;line-height:1.15}
.store svg{width:26px;height:26px;color:var(--indigo)}
.store small{display:block;font-size:.72rem;font-weight:500;opacity:.75}
.note{margin-top:16px;font-size:.9rem;color:rgba(255,255,255,.6)}

.planner{background:#fff;color:var(--ink);border-radius:28px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.who{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.who-q{font-weight:800;margin-right:4px;width:100%;font-size:1.05rem}
.who button{font:inherit;font-size:.92rem;border:0;background:var(--lilac);color:var(--indigo);padding:8px 14px;border-radius:999px;cursor:pointer}
.who button[aria-checked="true"]{background:var(--indigo);color:#fff}
.plan{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.plan li{display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:center;background:var(--mist);border-radius:16px;padding:12px 14px;animation:in .35s cubic-bezier(.2,.8,.2,1) both}
.plan li:nth-child(2){animation-delay:.05s} .plan li:nth-child(3){animation-delay:.1s}
.plan .when{font-size:.8rem;color:var(--ink-3);line-height:1.3}
.plan .what{font-weight:800;line-height:1.3;font-size:.98rem}
.plan .pct{font-weight:800;font-size:.85rem;color:var(--leaf);background:#dff5ec;border-radius:8px;padding:3px 7px}
.plan-note{font-size:.8rem;color:var(--ink-3);margin-top:12px}
@keyframes in{from{opacity:0;transform:translateY(6px)}}

/* három funkció: váltakozó sorok */
.three{padding-top:110px;padding-bottom:40px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:56px 0;border-bottom:1px solid var(--line)}
.feat:last-child{border-bottom:0}
.feat.flip .feat-copy{order:2}
.feat-copy p{color:var(--ink-2);margin-top:14px;max-width:44ch}

.coupon{display:grid;grid-template-columns:1fr 1.1fr;max-width:420px;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -24px rgba(42,24,144,.45);justify-self:center;width:100%}
.c-left{background:var(--coral);color:#fff;padding:26px 20px;display:flex;flex-direction:column;justify-content:center;border-right:3px dashed rgba(255,255,255,.5)}
.c-left b{font-size:2.6rem;letter-spacing:-.04em;line-height:1}
.c-left span{margin-top:6px;font-weight:800}
.c-right{background:#fff;padding:20px;display:grid;justify-items:center;gap:10px}
.qr{width:120px;height:120px;background:url(assets/qr.svg) center/contain no-repeat}
.live{font-size:.8rem;color:var(--leaf);font-weight:800}
.live::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--leaf);margin-right:6px;vertical-align:1px;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25}}

.match{background:var(--mist);border-radius:22px;padding:24px;display:grid;gap:14px;max-width:440px;width:100%;justify-self:center}
.m-row{display:grid;grid-template-columns:1fr 46px;grid-template-rows:auto 8px;gap:6px 12px;align-items:center}
.m-row span{font-weight:800}
.m-row i{grid-column:1/2;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--violet) var(--w),var(--line) 0)}
.m-row b{grid-row:1/3;grid-column:2;text-align:right;color:var(--indigo)}
.m-why{font-size:.9rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:12px}

.phone{margin:0;justify-self:center;width:min(320px,100%);border-radius:30px;overflow:hidden;border:8px solid var(--ink);background:var(--ink)}
.phone img{display:block;width:100%;height:auto}

/* Párosító */
.swipe{background:var(--lilac);display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:96px;padding-bottom:96px}
.stack{position:relative;height:300px;max-width:320px;width:100%;justify-self:center}
.card{position:absolute;inset:20px 10px 30px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;font-weight:800;font-size:1.3rem;color:#fff;letter-spacing:-.02em}
.c3{background:var(--violet);transform:rotate(-8deg) translateX(-18px)}
.c2{background:var(--coral);transform:rotate(5deg) translateX(14px)}
.c1{background:var(--indigo);transform:rotate(-1deg);box-shadow:0 30px 50px -24px rgba(28,16,96,.6)}
.both{margin-top:10px;align-self:flex-start;font-size:.82rem;background:var(--sun);color:var(--ink);padding:5px 10px;border-radius:999px;letter-spacing:0}

/* módok: definíciós lista, nem kártyák */
.modes{padding-top:110px;padding-bottom:40px}
.modes h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.modes dl{margin:24px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.modes dl div{padding:22px 0;border-top:2px solid var(--ink)}
.modes dt{font-weight:800;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.03em;color:var(--indigo)}
.modes dd{margin:8px 0 0;color:var(--ink-2)}

/* árak */
.prices{padding-top:110px;padding-bottom:110px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;align-items:start}
.tier{border:1.5px solid var(--line);border-radius:24px;padding:26px}
.tier.main{background:var(--indigo);color:#fff;border-color:var(--indigo);transform:translateY(-10px)}
.tier h3{font-size:1.15rem}
.price{font-weight:800;font-size:2.2rem;letter-spacing:-.04em;margin-top:10px}
.price small{font-size:1rem;font-weight:500;letter-spacing:0;opacity:.7}
.yr{font-size:.9rem;opacity:.7}
.tier ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:.95rem}
.tier li{padding-left:22px;position:relative}
.tier li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--sun)}
.fine-c{margin-top:22px;font-size:.9rem;color:var(--ink-3);max-width:60ch}

/* partnerek */
.partners{background:var(--night);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;padding-top:96px;padding-bottom:96px;align-items:start}
.partners h2{color:var(--sun)}
.partners .lead{color:rgba(255,255,255,.8)}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ticks li{padding-left:34px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%2317142b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.store.light{grid-column:2;justify-self:start;padding:15px 24px}

/* GYIK */
.faq{padding-top:100px;padding-bottom:100px;max-width:calc(var(--w) * .72 + 40px)}
.faq h2{margin-bottom:22px}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font-weight:800;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--violet)}
details[open] summary::after{content:"−"}
details p{color:var(--ink-2);margin-top:10px;max-width:60ch}

.foot{background:var(--mist);padding:52px max(20px,calc((100vw - var(--w))/2)) 40px;display:grid;gap:14px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.95rem}
.foot nav a{color:var(--ink-2)}
.fine{font-size:.82rem;color:var(--ink-3)}

@media (max-width:900px){
  .top nav a:not(.btn-sm){display:none}
  .hero{grid-template-columns:1fr;gap:40px;padding-top:40px;padding-bottom:64px}
  .sun{width:260px;height:260px;right:-110px;top:-120px}
  .feat,.swipe,.partners{grid-template-columns:1fr;gap:28px}
  .feat.flip .feat-copy{order:0}
  .modes dl{grid-template-columns:1fr}
  .tiers{grid-template-columns:1fr}
  .tier.main{transform:none}
  .store.light{grid-column:1}
  .three,.modes,.prices{padding-top:72px}
}
@media (max-width:420px){.plan li{grid-template-columns:1fr auto}.plan .when{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}