/* A Naplós lány — rajzolt, papírszerű landing oldal. */
body[data-page="landing"]{--blush:#EAD1C5;--clay:#B77E88;--sage:#A5B5A0;--lilac:#B9A9C8;--wheat:#E8DDD0;--mist:#C6CFD9;background:var(--cream);overflow-x:hidden}
body[data-page="landing"] main{overflow:clip}
body[data-page="landing"] .landing-wrap{width:calc(100% - 80px);max-width:1184px;margin-inline:auto}
body[data-page="landing"] h2{font-size:clamp(30px,3.3vw,46px);line-height:1.16;letter-spacing:-.7px;color:var(--ink);font-weight:700}
body[data-page="landing"] p{font-size:18px;line-height:1.7;color:var(--ink)}
body[data-page="landing"] .eyebrow{font-size:12px;line-height:1.5;letter-spacing:1.8px;font-weight:700;color:var(--clay);margin:0 0 18px}
body[data-page="landing"] .primary{border-radius:999px;padding:16px 26px;font-size:16px;font-weight:700;line-height:1.5;box-shadow:none;gap:0;text-align:center;transition:background-color .18s,color .18s,transform .18s}
body[data-page="landing"] .textlink{font-size:15px;line-height:1.5}
body[data-page="landing"] section[id]{scroll-margin-top:28px}
/* A cím és az illusztráció asztali és táblagépes nézetben egymás mellett marad. */
body[data-page="landing"] .landing-hero{position:relative;max-width:1380px;margin:0 auto;padding:68px 48px 56px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:12px;align-items:center}
body[data-page="landing"] .hero-copy{position:relative;z-index:1;min-width:0}
body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(31px,3.25vw,47px);font-weight:500;line-height:1.13;letter-spacing:-1px;display:grid;gap:9px;margin:0 0 26px}
body[data-page="landing"] .landing-headline>span{display:block}
body[data-page="landing"] .landing-headline strong{font-weight:900;background:var(--blush);padding:0 2px}
body[data-page="landing"] .landing-headline .headline-highlight{background:var(--lilac)}
body[data-page="landing"] .landing-hero .intro{font-size:22px;max-width:530px;margin:0 0 14px}
body[data-page="landing"] .intro p{font-size:22px;line-height:1.4;color:var(--ink);margin:0}
body[data-page="landing"] .hero-promise{font-size:18px;max-width:490px;margin:0}
body[data-page="landing"] .hero-actions{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;margin:25px 0 15px}
body[data-page="landing"] .hero-reassurance{font-size:14px;margin:0}
body[data-page="landing"] .hero-visual{order:0;position:relative;display:flex;align-items:center;justify-content:center;margin:0;min-width:0;align-self:center}
body[data-page="landing"] .hero-visual a{display:block;width:112%;flex-shrink:0;transform:rotate(-3deg);transition:transform .3s}
body[data-page="landing"] .hero-visual a:hover{transform:rotate(-1deg)}
body[data-page="landing"] .hero-planner-illustration{display:block;width:100%;height:auto;max-width:640px;border:0;box-shadow:none}
/* Előnyök: három jegyzet, az oldal színeit felváltva használva. */
body[data-page="landing"] .landing-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:12px 0 25px}
body[data-page="landing"] .landing-proof>div{padding:28px 24px;border:0;border-radius:7px 24px 7px 24px;background:var(--blush);position:relative}
body[data-page="landing"] .landing-proof>div:nth-child(2){background:var(--mist);border-radius:24px 7px 24px 7px}
body[data-page="landing"] .landing-proof>div:nth-child(3){background:var(--wheat)}
body[data-page="landing"] .landing-proof strong{display:block;font-size:25px;line-height:1.15;margin-bottom:12px}
body[data-page="landing"] .landing-proof span{display:block;font-size:16px;line-height:1.5}
body[data-page="landing"] .recognition{padding:44px 0 0}
body[data-page="landing"] .recognition .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;border:0;margin:0;max-width:none;background:transparent}
body[data-page="landing"] .recognition .benefits>div{display:flex;align-items:center;justify-content:center;gap:14px;background:transparent;border:0;border-radius:0;padding:12px 0;font-size:16px;box-shadow:none}
body[data-page="landing"] .benefits .craft-email-icon,body[data-page="landing"] .benefits .logo-sketch-icon,body[data-page="landing"] .benefits .procrastination-icon{display:block;width:76px;height:76px;object-fit:contain;flex-shrink:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-page="landing"] .benefits>div>.email-benefit-label,body[data-page="landing"] .benefits>div>.logo-benefit-label,body[data-page="landing"] .benefits>div>.procrastination-label{display:block;flex:1;width:auto;height:auto;min-width:0;background:transparent;border:0;border-radius:0;text-align:center;font-size:16px;line-height:1.2;margin:0}
body[data-page="landing"] .benefits .avoidance-illustration,body[data-page="landing"] .benefits .hand-raised-illustration{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.1em;position:static;margin:0 0 0 2px}
body[data-page="landing"] #recognition-title{font-size:27px;text-align:center;margin:30px 0 0}
/* Bemutatkozás: egy nyitott oldalpár, felesleges kártyák nélkül. */
body[data-page="landing"] .landing-story{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;max-width:1184px;margin:0 auto;padding:58px 40px 64px;border-bottom:1px solid var(--line)}
body[data-page="landing"] .landing-story h2{max-width:420px;margin:0}
body[data-page="landing"] .landing-story .eyebrow{font-size:18px;font-weight:900;color:var(--clay);margin-bottom:18px}
body[data-page="landing"] .landing-story p{font-size:18px;margin-bottom:18px}
body[data-page="landing"] .landing-story p:last-child{margin:0}
body[data-page="landing"] .story-reaction{display:inline-block;width:1.1em;height:1.1em;object-fit:contain;vertical-align:-.15em;margin-left:2px}
/* Képekből álló lapozókompozíció; a valódi minta marad a bizonyíték. */
body[data-page="landing"] .landing-curiosity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding:72px 0;align-items:center}
body[data-page="landing"] .curiosity-heading h2{margin-bottom:20px}
body[data-page="landing"] .page-fan{position:relative;height:225px;max-width:390px;margin:25px 0 0 18px}
body[data-page="landing"] .page-fan img{position:absolute;object-fit:contain;width:145px;height:205px;top:8px;left:0;transform:rotate(-14deg);border:0;border-radius:0;box-shadow:none}
body[data-page="landing"] .page-fan img:nth-child(2){left:100px;top:0;transform:rotate(2deg)}
body[data-page="landing"] .page-fan img:nth-child(3){left:205px;top:20px;transform:rotate(14deg)}
body[data-page="landing"] .curiosity-aside{font-size:21px;padding:18px 0 0;border:0;border-top:2px solid var(--sage);background:transparent;line-height:1.45}
body[data-page="landing"] .landing-sample-section{position:relative;background:color-mix(in srgb,var(--mist) 30%,var(--cream));padding:66px 0;margin:0;border-radius:44px 44px 0 0}
body[data-page="landing"] .sample-heading{max-width:760px;margin:0 auto 45px;text-align:center}
body[data-page="landing"] .sample-heading h2{margin:0 0 20px}
body[data-page="landing"] .sample-tour{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:66px;align-items:start}
body[data-page="landing"] .sample-display{position:sticky;top:24px;display:block;transform:rotate(-2deg);border-radius:0;box-shadow:none;text-align:center;overflow:visible}
body[data-page="landing"] .sample-display .planner-sample{display:block;width:100%;max-width:490px;height:auto;margin:auto;border:0;box-shadow:none;border-radius:0}
body[data-page="landing"] .sample-caption{position:static;display:block;margin:16px 0 0;font-size:14px;background:transparent}
body[data-page="landing"] .sample-notes{display:grid;gap:0}
body[data-page="landing"] .sample-notes article{position:relative;display:grid;grid-template-columns:35px 1fr;gap:8px 12px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:23px 0;margin:0;box-shadow:none}
body[data-page="landing"] .sample-notes article:first-child{padding-top:0}
body[data-page="landing"] .sample-number{position:static;grid-row:span 2;font-size:22px;font-weight:700;color:var(--clay)}
body[data-page="landing"] .sample-notes h3{font-size:23px;line-height:1.2;margin:0}
body[data-page="landing"] .sample-notes p{font-size:17px;margin:0;line-height:1.6}
body[data-page="landing"] .sample-notes .textlink{justify-self:start;margin-top:24px}
/* A rendelési útvonal rajzokkal, nem sablonképekkel. */
body[data-page="landing"] .landing-steps{padding:72px 0 35px}
body[data-page="landing"] .section-head{max-width:720px;margin:0 auto 35px;text-align:center}
body[data-page="landing"] .steps-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0}
body[data-page="landing"] .steps-grid li{position:relative;border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;padding:0}
body[data-page="landing"] .steps-grid img{display:block;width:100%;height:175px;object-fit:contain;margin-bottom:20px}
body[data-page="landing"] .steps-grid .step-no{display:block;width:auto;height:auto;background:transparent;color:var(--clay);font-size:18px;line-height:1;margin:0 0 10px}
body[data-page="landing"] .steps-grid h3{font-size:24px;line-height:1.2;margin:0 0 13px}
body[data-page="landing"] .steps-grid p{font-size:17px;margin:0}
body[data-page="landing"] .landing-pause{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;padding:60px 0 70px;align-items:center}
body[data-page="landing"] .pause-line{font-size:22px;line-height:1.4;color:var(--ink);background:linear-gradient(transparent 70%,var(--blush) 70%);display:inline}
/* Légies előfizetéses ajánlat, jól olvasható részletekkel. */
body[data-page="landing"] .subscription-section{background:var(--wheat);color:var(--ink);padding:70px 0;margin:0;position:relative}
body[data-page="landing"] .subscription-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:start}
body[data-page="landing"] .subscription-copy h2{margin-bottom:22px}
body[data-page="landing"] .renewal-note{position:relative;border:0;border-top:2px solid var(--clay);padding:24px 0 0;margin-top:26px;background:transparent;border-radius:0}
body[data-page="landing"] .renewal-note h3{font-size:26px;line-height:1.2;margin:0 0 15px}
body[data-page="landing"] .renewal-note p{font-size:16px}
body[data-page="landing"] .renewal-note p.small{font-size:14px;line-height:1.6}
body[data-page="landing"] .subscription-choice{position:sticky;top:24px;background:var(--cream);border:0;border-radius:8px 32px 8px 32px;padding:38px 30px;box-shadow:none}
body[data-page="landing"] .subscription-choice::before{content:"";position:absolute;top:-9px;right:40px;width:85px;height:20px;background:var(--lilac);opacity:.8;transform:rotate(5deg)}
body[data-page="landing"] .subscription-choice .subscription-kicker{font-size:12px;letter-spacing:1.5px;color:var(--clay);font-weight:700;margin:0 0 18px}
body[data-page="landing"] .subscription-choice h3{font-size:32px;line-height:1.15;margin:0 0 20px}
body[data-page="landing"] .subscription-choice ul{list-style:none;margin:0 0 26px;padding:0}
body[data-page="landing"] .subscription-choice li{font-size:17px;line-height:1.5;padding:12px 0;border-bottom:1px solid var(--line)}
body[data-page="landing"] .subscription-choice .primary{display:flex;width:100%}
body[data-page="landing"] .subscription-choice .subscription-terms{font-size:14px;line-height:1.6;margin:18px 0}
body[data-page="landing"] .subscription-choice .textlink{display:table;margin:auto;text-align:center}
body[data-page="landing"] .landing-questions{max-width:820px;margin:0 auto;padding:65px 28px}
body[data-page="landing"] .landing-questions h2{text-align:center;margin-bottom:30px}
body[data-page="landing"] .faq details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;margin:0}
body[data-page="landing"] .faq summary{padding:22px 0;font-size:19px}
body[data-page="landing"] .faq summary::after{background:transparent;border:0;border-radius:0;font-size:28px;font-weight:400}
body[data-page="landing"] .faq details p{font-size:17px;margin:0 0 22px}
body[data-page="landing"] .landing-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0 0 35px}
body[data-page="landing"] .landing-trust>div{display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--sage);padding:20px 0;background:transparent}
body[data-page="landing"] .landing-trust strong{font-size:21px}
body[data-page="landing"] .landing-trust span{font-size:16px;line-height:1.5}
body[data-page="landing"] .landing-leadmagnet{display:grid;grid-template-columns:100px 1fr auto;gap:30px;align-items:center;background:var(--mist);border-radius:24px 6px 24px 6px;margin:15px auto 50px;padding:32px}
body[data-page="landing"] .preview-mini{width:100%;height:145px;object-fit:contain;transform:rotate(-7deg)}
body[data-page="landing"] .landing-leadmagnet h2{font-size:29px;margin-bottom:10px}
body[data-page="landing"] .landing-leadmagnet p{font-size:16px;margin:0}
body[data-page="landing"] .landing-leadmagnet .eyebrow{font-size:12px;margin-bottom:12px}
body[data-page="landing"] .landing-cta{max-width:1184px;width:calc(100% - 80px);margin:0 auto 55px;padding:44px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:left}
body[data-page="landing"] .landing-cta h2{font-size:34px;max-width:650px;margin:0 0 14px}
body[data-page="landing"] .landing-cta p{font-size:18px;margin:0}
body[data-page="landing"] .landing-cta .primary{flex-shrink:0}
body[data-page="landing"] .social-links{padding-bottom:28px}
body[data-page="landing"] .demo{font-size:12px}
@media(min-width:700px) and (max-width:1050px){body[data-page="landing"] .landing-hero{padding:45px 32px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}body[data-page="landing"] .hero h1.landing-headline{font-size:31px}body[data-page="landing"] .intro p{font-size:20px}body[data-page="landing"] .hero-promise{font-size:17px}body[data-page="landing"] .hero-visual a{width:115%}}
@media(max-width:1000px){body[data-page="landing"] .sample-tour,body[data-page="landing"] .subscription-layout{gap:32px}body[data-page="landing"] .landing-curiosity{gap:35px}body[data-page="landing"] .recognition .benefits{gap:18px}body[data-page="landing"] .benefits .craft-email-icon,body[data-page="landing"] .benefits .logo-sketch-icon,body[data-page="landing"] .benefits .procrastination-icon{width:56px;height:56px}body[data-page="landing"] .landing-leadmagnet{grid-template-columns:80px 1fr}body[data-page="landing"] .landing-leadmagnet .primary{grid-column:2;justify-self:start}}
@media(max-width:699px){
 body[data-page="landing"] .landing-wrap{width:calc(100% - 40px)}
 body[data-page="landing"] .landing-hero{grid-template-columns:1fr;padding:32px 20px 20px;gap:12px}
 body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(29px,6.5vw,39px);line-height:1.13;gap:8px}
 body[data-page="landing"] .intro p{font-size:21px}
 body[data-page="landing"] .hero-promise{font-size:17px}
 body[data-page="landing"] .hero-visual{order:0}
 body[data-page="landing"] .hero-visual a{width:100%;max-width:400px;transform:rotate(-2deg)}
 body[data-page="landing"] .hero-actions .primary{width:100%}
 body[data-page="landing"] .landing-proof{grid-template-columns:1fr;gap:12px;padding-top:10px}
 body[data-page="landing"] .landing-proof>div{padding:22px 24px}
 body[data-page="landing"] .landing-proof strong{font-size:25px;margin-bottom:8px}
 body[data-page="landing"] .recognition{padding:25px 0 0}
 body[data-page="landing"] .recognition .benefits{grid-template-columns:1fr;gap:14px}
 body[data-page="landing"] .benefits .craft-email-icon,body[data-page="landing"] .benefits .logo-sketch-icon,body[data-page="landing"] .benefits .procrastination-icon{width:76px;height:76px}
 body[data-page="landing"] .recognition .benefits>div{max-width:400px;width:100%;margin:auto}
 body[data-page="landing"] #recognition-title{font-size:25px;margin-top:25px}
 body[data-page="landing"] .landing-story{grid-template-columns:1fr;gap:18px;padding:36px 20px 40px}
 body[data-page="landing"] .landing-story p{font-size:17px}
 body[data-page="landing"] .landing-story .eyebrow{font-size:17px}
 body[data-page="landing"] .landing-curiosity{grid-template-columns:1fr;gap:25px;padding:44px 0}
 body[data-page="landing"] .page-fan{height:210px;margin-left:0;max-width:330px}
 body[data-page="landing"] .page-fan img{width:125px;height:180px}
 body[data-page="landing"] .page-fan img:nth-child(2){left:85px}
 body[data-page="landing"] .page-fan img:nth-child(3){left:170px}
 body[data-page="landing"] .landing-sample-section{padding:42px 0;border-radius:28px 28px 0 0}
 body[data-page="landing"] .sample-heading{text-align:left;margin-bottom:30px}
 body[data-page="landing"] .sample-heading h2 br{display:none}
 body[data-page="landing"] .sample-tour{grid-template-columns:1fr;gap:35px}
 body[data-page="landing"] .sample-display{position:static;max-width:400px;margin:auto}
 body[data-page="landing"] .sample-notes h3{font-size:22px}
 body[data-page="landing"] .landing-steps{padding:44px 0 20px}
 body[data-page="landing"] .section-head{text-align:left}
 body[data-page="landing"] .steps-grid{grid-template-columns:1fr;gap:30px}
 body[data-page="landing"] .steps-grid li{display:grid;grid-template-columns:85px 1fr;column-gap:20px}
 body[data-page="landing"] .steps-grid img{width:85px;height:100px;grid-row:span 3;margin:0}
 body[data-page="landing"] .steps-grid .step-no{font-size:15px}
 body[data-page="landing"] .steps-grid h3{font-size:23px}
 body[data-page="landing"] .landing-pause{grid-template-columns:1fr;gap:15px;padding:35px 0 44px}
 body[data-page="landing"] .subscription-section{padding:44px 0}
 body[data-page="landing"] .subscription-layout{grid-template-columns:1fr;gap:30px}
 body[data-page="landing"] .subscription-choice{position:relative;top:0;padding:30px 25px}
 body[data-page="landing"] .subscription-choice h3{font-size:30px}
 body[data-page="landing"] .landing-questions{padding:44px 20px}
 body[data-page="landing"] .landing-trust{grid-template-columns:1fr;gap:5px;padding-bottom:20px}
 body[data-page="landing"] .landing-leadmagnet{grid-template-columns:65px 1fr;padding:25px 20px;gap:18px;margin-bottom:25px}
 body[data-page="landing"] .preview-mini{height:100px}
 body[data-page="landing"] .landing-leadmagnet h2{font-size:25px}
 body[data-page="landing"] .landing-leadmagnet .primary{grid-column:1/-1;justify-self:stretch}
 body[data-page="landing"] .landing-cta{width:calc(100% - 40px);flex-direction:column;align-items:stretch;gap:22px;padding:30px 0;margin-bottom:30px}
 body[data-page="landing"] .landing-cta h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] *,body[data-page="landing"] *::before{scroll-behavior:auto;transition:none!important;transform:none!important}}

/* Ugyanaz a könyv: egyszerű oldalakból színes tervező, rámutatásra. */
body[data-page="landing"] .hero-visual .planner-transformation{display:grid;isolation:isolate;transform:rotate(-3deg)}
body[data-page="landing"] .planner-transformation .hero-planner-illustration{grid-area:1 / 1;width:100%;height:auto;transition:opacity .55s ease;pointer-events:none}
body[data-page="landing"] .planner-transformation .planner-before{opacity:1}
body[data-page="landing"] .planner-transformation .planner-after{opacity:0}
@media(hover:hover){body[data-page="landing"] .planner-transformation:hover .planner-before{opacity:0}body[data-page="landing"] .planner-transformation:hover .planner-after{opacity:1}}
@media(max-width:699px){body[data-page="landing"] .hero-visual .planner-transformation{transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .planner-transformation .hero-planner-illustration{transition:none}}

/* Jól látható jelentkező figura, saját hellyel az utolsó szó mellett. */
body[data-page="landing"] .benefits .logo-label-ending{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:middle}
body[data-page="landing"] .benefits .logo-label-ending .hand-raised-illustration{display:block;width:26px;height:30px;flex-shrink:0;object-fit:contain;margin:0;position:static;vertical-align:baseline}

/* Lágy, halvány filces kiemelés a nyitócímben. */
body[data-page="landing"] .landing-headline strong{background:none;position:relative;isolation:isolate;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-page="landing"] .landing-headline strong::before{content:"";position:absolute;z-index:-1;inset:12% -2px 5%;background:var(--blush);opacity:.55;border-radius:9px 5px 8px 6px;filter:blur(2px);transform:rotate(-1deg);pointer-events:none}
body[data-page="landing"] .landing-headline .headline-highlight{background:none}
body[data-page="landing"] .landing-headline .headline-highlight::before{background:var(--lilac);transform:rotate(.7deg)}

/* A nyitócím kiemelései az előnyök lekerekített háttereit idézik. */
body[data-page="landing"] .landing-headline strong{padding:0 7px;background:none}
body[data-page="landing"] .landing-headline strong::before{inset:3% -1px 0;background:var(--blush);opacity:1;border-radius:4px 12px 4px 12px;filter:none;transform:none}
body[data-page="landing"] .landing-headline .headline-highlight::before{background:var(--lilac);transform:none}

body[data-page="landing"] .benefits .logo-label-ending .hand-raised-illustration{width:28px;height:28px}
body[data-page="landing"] .hero-actions .primary{--button-bg:var(--mist);--button-fg:var(--ink);background:var(--button-bg);color:var(--button-fg)}
@media(hover:hover){body[data-page="landing"] .hero-actions .primary:hover{background:var(--button-fg);color:var(--button-bg)}}
body[data-page="landing"] .hero-actions .primary:focus-visible{background:var(--button-fg);color:var(--button-bg)}

/* A belenéző gombot rámutatáskor körbeveszi a napló rajzolt varázsa. */
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button{position:relative;isolation:isolate;overflow:visible;background:var(--mist);color:var(--ink)}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button:is(:hover,:focus-visible,:active){background:var(--mist);color:var(--ink);transform:none}
body[data-page="landing"] .magic-preview-button .button-magic{position:absolute;inset:-27px -32px;pointer-events:none;background:url('gomb-varazslat.svg') center / 100% 100% no-repeat;opacity:0;transform:scale(.86);transition:opacity .3s ease,transform .4s ease}
body[data-page="landing"] .magic-preview-button:is(:hover,:focus-visible,:active) .button-magic{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .magic-preview-button .button-magic{transition:none;transform:none}}

/* Mindhárom szókapcsolat saját, biztosan látható kiemelést kap. */
body[data-page="landing"] .hero h1.landing-headline{row-gap:16px;line-height:1.25}
body[data-page="landing"] .landing-headline strong{display:inline-block;position:static;isolation:auto;background:var(--blush);padding:0 .16em;border-radius:4px 12px 4px 12px;line-height:1.15;vertical-align:baseline}
body[data-page="landing"] .landing-headline strong::before{content:none}
body[data-page="landing"] .landing-headline strong.headline-highlight{background:var(--lilac)}
@media(max-width:699px){body[data-page="landing"] .hero h1.landing-headline{row-gap:14px}}

/* A harmadik címsor egyben marad, keskeny nézetben is. */
body[data-page="landing"] .landing-headline>span:last-child{white-space:nowrap}
@media(min-width:700px) and (max-width:1050px){body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(23px,3.1vw,31px)}}
@media(max-width:699px){body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(21px,5.6vw,37px)}}

/* Rámutatásra körben előtűnő rajzok, változatlan gombszínekkel. */
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button{overflow:visible;z-index:2}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button .button-magic{display:block;inset:-28px -38px;background-image:url('gomb-varazslat.svg?v=2');opacity:0;transform:scale(.7) rotate(-3deg);transition:opacity .22s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button:is(:hover,:focus-visible,:active) .button-magic{opacity:1;transform:scale(1) rotate(0)}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button .button-magic{transition:none;transform:none}}

body[data-page="landing"] .landing-proof>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body[data-page="landing"] .landing-proof strong,body[data-page="landing"] .landing-proof span{width:100%;text-align:center}
body[data-page="landing"] .landing-proof span{font-style:normal}

/* Finom emelkedés és rajzolt varázslat a fő gombon. */
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button{transition:transform .25s ease,box-shadow .25s ease;background:var(--mist);color:var(--ink);box-shadow:0 3px 0 color-mix(in srgb,var(--ink) 15%,transparent)}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button:is(:hover,:focus-visible){transform:translateY(-3px) scale(1.025);background:var(--mist);color:var(--ink);box-shadow:0 9px 20px -10px color-mix(in srgb,var(--ink) 35%,transparent)}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button:active{transform:translateY(0) scale(.99);box-shadow:none}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button:is(:hover,:focus-visible) .button-magic{opacity:1;transform:scale(1.04) rotate(0)}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button,body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button .button-magic{transition:none;transform:none}}

body[data-page="landing"] .landing-story .story-illustration{display:block;width:100%;max-width:400px;height:auto;margin:25px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-width:699px){body[data-page="landing"] .landing-story .story-illustration{max-width:340px;margin:20px auto 5px}}

/* Ötletvázlatokból elkészült napló: egymásra illesztett képek. */
body[data-page="landing"] .landing-story .story-transformation{display:grid;width:100%;max-width:400px;margin:25px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;isolation:isolate}
body[data-page="landing"] .landing-story .story-transformation .story-illustration{grid-area:1 / 1;display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;margin:0;transition:opacity .6s ease;pointer-events:none}
body[data-page="landing"] .story-transformation .story-before{opacity:1}
body[data-page="landing"] .story-transformation .story-after{opacity:0}
body[data-page="landing"] .story-transformation[aria-pressed="true"] .story-before{opacity:0}
body[data-page="landing"] .story-transformation[aria-pressed="true"] .story-after{opacity:1}
@media(hover:hover){body[data-page="landing"] .story-transformation:hover .story-before{opacity:0}body[data-page="landing"] .story-transformation:hover .story-after{opacity:1}}
@media(max-width:699px){body[data-page="landing"] .landing-story .story-transformation{max-width:340px;margin:20px auto 5px}}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .landing-story .story-transformation .story-illustration{transition:none}}

/* A valódi belső oldalpárnak nagyobb, vízszintes bemutatófelület jár. */
body[data-page="landing"] .sample-tour{grid-template-columns:1fr;gap:36px}
body[data-page="landing"] .sample-display{position:relative;top:auto;transform:none;max-width:1040px;width:100%;margin:auto}
body[data-page="landing"] .sample-display .planner-sample{max-width:none;width:100%;height:auto}
body[data-page="landing"] .sample-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
body[data-page="landing"] .sample-notes article:first-child{padding-top:23px}
body[data-page="landing"] .sample-notes>.textlink{align-self:center}
/* Nyugodtabb, egyenletes áttűnés a történet két állapota között. */
body[data-page="landing"] .landing-story .story-transformation .story-illustration{transition:opacity 1s cubic-bezier(.4,0,.2,1);will-change:opacity;backface-visibility:hidden}
@media(max-width:699px){body[data-page="landing"] .sample-notes{grid-template-columns:1fr}body[data-page="landing"] .sample-display{max-width:none}}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .landing-story .story-transformation .story-illustration{transition:none}}

body[data-page="landing"] .page-fan img:nth-child(2){left:130px;top:10px;transform:rotate(12deg)}
@media(max-width:699px){body[data-page="landing"] .page-fan img:nth-child(2){left:115px}}

/* Azonos hangsúlyú, a szövegtől elválasztott rajzolt reakciók. */
body[data-page="landing"] .benefits .reaction-ending{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:middle}
body[data-page="landing"] .benefits .reaction-ending .avoidance-illustration{display:block;width:28px;height:28px;flex-shrink:0;object-fit:contain;margin:0;position:static;vertical-align:baseline}

body[data-page="landing"] #recognition-title{color:var(--clay)}

/* Külön környezet a szabad dátumozásnak, a visszatérésről szóló résznél. */
body[data-page="landing"] .own-pace-note{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:18px;align-items:center;margin:28px 0 0;padding:25px 24px;background:var(--mist);border-radius:7px 24px 7px 24px}
body[data-page="landing"] .own-pace-drawing{display:block;width:78px;height:78px;color:var(--ink);transform:rotate(-5deg)}
body[data-page="landing"] .own-pace-note h3{font-size:27px;line-height:1.2;margin:0 0 12px;color:var(--ink)}
body[data-page="landing"] .own-pace-note p{font-size:16px;line-height:1.6;margin:0}
@media(max-width:699px){body[data-page="landing"] .own-pace-note{grid-template-columns:55px minmax(0,1fr);gap:14px;padding:23px 18px}body[data-page="landing"] .own-pace-drawing{width:55px;height:55px}body[data-page="landing"] .own-pace-note h3{font-size:24px}}

/* A személyes történet önálló, finoman kiemelt papírfelületet kap. */
body[data-page="landing"] .landing-story{width:calc(100% - 80px);max-width:1184px;margin:36px auto 22px;padding:44px 38px;gap:32px;background:color-mix(in srgb,var(--blush) 35%,var(--cream));border:0;border-radius:10px 34px 10px 34px}
body[data-page="landing"] .landing-story .eyebrow{display:inline-block;padding:7px 13px;background:var(--cream);border-radius:5px 12px 5px 12px;color:var(--clay);font-size:18px;font-weight:900;margin-bottom:20px}
body[data-page="landing"] .landing-story>div:last-child{align-self:center}
body[data-page="landing"] .landing-story>div:last-child p{font-size:19px;line-height:1.75}
@media(max-width:699px){body[data-page="landing"] .landing-story{width:calc(100% - 40px);margin:28px auto 15px;padding:30px 22px;gap:22px;border-radius:8px 25px 8px 25px}body[data-page="landing"] .landing-story>div:last-child p{font-size:17px}body[data-page="landing"] .landing-story .eyebrow{font-size:17px}}

body[data-page="landing"] .landing-story .eyebrow{background:transparent;padding:0;border-radius:0}

/* A lapozásról szóló rész kiegyensúlyozott kép–szöveg kompozíciója. */
body[data-page="landing"] .landing-curiosity{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding:68px 0}
body[data-page="landing"] .curiosity-heading{min-width:0;position:relative;padding:0 12px 0 0}
body[data-page="landing"] .curiosity-heading h2{max-width:520px;margin:0 0 28px;font-size:clamp(32px,3.4vw,46px)}
body[data-page="landing"] .page-fan{display:flex;justify-content:center;align-items:center;position:relative;height:300px;max-width:480px;margin:0;padding:12px 25px 20px}
body[data-page="landing"] .page-fan img{position:relative;left:auto;top:auto;width:55%;height:260px;object-fit:contain;transform:rotate(-10deg);flex-shrink:0}
body[data-page="landing"] .page-fan img:nth-child(2){position:relative;left:auto;top:auto;width:46%;height:280px;margin-left:-35px;transform:rotate(9deg)}
body[data-page="landing"] .landing-curiosity>div:last-child{min-width:0;padding:24px 0 24px 30px;border-left:1px solid var(--line)}
body[data-page="landing"] .landing-curiosity>div:last-child p{font-size:18px;line-height:1.7;margin:0 0 20px}
body[data-page="landing"] .landing-curiosity>div:last-child .curiosity-aside{padding:20px 0 0;margin:25px 0;font-size:21px;line-height:1.4;border-top:2px solid var(--sage)}
body[data-page="landing"] .landing-curiosity .primary{display:inline-flex;max-width:100%}
@media(max-width:900px){body[data-page="landing"] .landing-curiosity{gap:28px}body[data-page="landing"] .page-fan{height:250px;padding-inline:0}body[data-page="landing"] .page-fan img{height:210px}body[data-page="landing"] .page-fan img:nth-child(2){height:230px;margin-left:-20px}body[data-page="landing"] .landing-curiosity>div:last-child{padding-left:22px}}
@media(max-width:699px){body[data-page="landing"] .landing-curiosity{grid-template-columns:1fr;gap:22px;padding:44px 0}body[data-page="landing"] .curiosity-heading{padding:0}body[data-page="landing"] .curiosity-heading h2{font-size:32px;margin-bottom:18px}body[data-page="landing"] .page-fan{max-width:400px;margin:auto;height:260px}body[data-page="landing"] .page-fan img{height:225px}body[data-page="landing"] .page-fan img:nth-child(2){height:245px}body[data-page="landing"] .landing-curiosity>div:last-child{padding:0;border:0}body[data-page="landing"] .landing-curiosity>div:last-child p{font-size:17px}body[data-page="landing"] .landing-curiosity .primary{width:100%}}

/* A bal oldali kép a szöveg mellett marad, a szekció határain belül. */
@media(min-width:700px){
 body[data-page="landing"] .landing-curiosity{align-items:start}
 body[data-page="landing"] .landing-curiosity .curiosity-heading{position:sticky;top:24px;align-self:start}
}
@media(max-width:699px){body[data-page="landing"] .landing-curiosity .curiosity-heading{position:static}}

/* Rövid, helyzetekre épülő belső bemutató egyetlen következő lépéssel. */
body[data-page="landing"] .sample-focused .sample-heading{max-width:740px;margin-bottom:38px}
body[data-page="landing"] .sample-focused .sample-heading>p:last-child{max-width:570px;margin:0 auto}
body[data-page="landing"] .sample-focused .sample-tour{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:36px;align-items:center}
body[data-page="landing"] .sample-photo-block{min-width:0}
body[data-page="landing"] .sample-focused .sample-display{display:block;position:static;transform:none;max-width:none}
body[data-page="landing"] .sample-focused .sample-display .planner-sample{width:100%;max-width:none;height:auto}
body[data-page="landing"] .sample-focused .sample-caption{margin-top:12px;font-size:14px;text-align:center}
body[data-page="landing"] .sample-photo-note{font-size:17px;text-align:center;margin:16px 0 0}
body[data-page="landing"] .sample-photo-note em{font-style:normal}
body[data-page="landing"] .sample-focused .sample-notes{display:grid;grid-template-columns:1fr;gap:14px}
body[data-page="landing"] .sample-focused .sample-notes article{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px 12px;padding:20px;background:var(--cream);border:0;border-radius:6px 20px 6px 20px;margin:0}
body[data-page="landing"] .sample-focused .sample-number{grid-row:span 3;font-size:18px;line-height:1.3;color:var(--ink)}
body[data-page="landing"] .sample-focused .sample-notes h3{font-size:22px;line-height:1.25}
body[data-page="landing"] .sample-focused .sample-notes p{font-size:17px;line-height:1.6}
body[data-page="landing"] .sample-field{grid-column:2;font-size:13px;line-height:1.5;margin-top:3px}
body[data-page="landing"] .sample-invitation{display:flex;justify-content:space-between;align-items:center;gap:36px;border-top:1px solid var(--line);margin-top:36px;padding-top:30px}
body[data-page="landing"] .sample-invitation>div:first-child{max-width:620px}
body[data-page="landing"] .sample-invitation h3{font-size:25px;line-height:1.25;margin:0 0 10px}
body[data-page="landing"] .sample-invitation p{font-size:17px;line-height:1.6;margin:0}
body[data-page="landing"] .sample-invitation-action{display:flex;flex-direction:column;gap:12px;flex-shrink:0;max-width:300px;text-align:center}
body[data-page="landing"] .sample-invitation-action>span{font-size:14px;line-height:1.5}
@media(max-width:1000px){body[data-page="landing"] .sample-focused .sample-tour{grid-template-columns:1fr;gap:28px}body[data-page="landing"] .sample-focused .sample-photo-block{max-width:850px;width:100%;margin:auto}body[data-page="landing"] .sample-focused .sample-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body[data-page="landing"] .sample-focused .sample-notes article{grid-template-columns:1fr;padding:18px}body[data-page="landing"] .sample-focused .sample-number{grid-row:auto}body[data-page="landing"] .sample-field{grid-column:auto}body[data-page="landing"] .sample-focused .sample-notes h3{font-size:21px}}
@media(max-width:699px){body[data-page="landing"] .sample-focused .sample-heading{margin-bottom:26px}body[data-page="landing"] .sample-focused .sample-notes{grid-template-columns:1fr}body[data-page="landing"] .sample-focused .sample-notes article{grid-template-columns:27px minmax(0,1fr);padding:20px}body[data-page="landing"] .sample-focused .sample-number{grid-row:span 3}body[data-page="landing"] .sample-field{grid-column:2}body[data-page="landing"] .sample-invitation{flex-direction:column;align-items:stretch;gap:23px;margin-top:28px;padding-top:26px}body[data-page="landing"] .sample-invitation-action{max-width:none}}

body[data-page="landing"] .sample-focused #sample-title{color:var(--clay)}

body[data-page="landing"] #curiosity-title{color:var(--clay)}

/* Kisebb, visszafogottabb záró bekezdés a kíváncsiság szekcióban */
body[data-page="landing"] .landing-curiosity .curiosity-aside{font-size:15px;line-height:1.7;margin-top:20px;padding:16px 20px}


/* A „Belenézek a tervezőbe” képlink hover-effektjét kapja a minta-szekció gombja is */
@media(hover:hover){body[data-page="landing"] .sample-invitation-action .primary:hover{transform:rotate(1deg) translateY(-5px)}}

/* Rámutatáskor a minta-szekció gombja nem vált színt */
body[data-page="landing"] .sample-invitation-action .primary:not(:disabled):hover{background:#594D52;color:#FAFAF7;border-color:#594D52}

@media(max-width:699px){body[data-page="landing"] .steps-grid img{grid-row:span 2}}


/* A „Kimaradt néhány nap?” kérdés nagyobb a szekcióban */
body[data-page="landing"] .landing-pause .eyebrow{font-size:20px;letter-spacing:1.5px;margin-bottom:14px}

/* Kimaradt néhány nap szekció: szöveg bal oldalt, a „dátumozás nélkül” kártya jobb oldalt */
body[data-page="landing"] .landing-pause{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding:90px 24px}
body[data-page="landing"] .pause-copy .eyebrow{font-size:20px;letter-spacing:1.5px;margin-bottom:14px}
body[data-page="landing"] .pause-copy h2{margin-bottom:24px}
body[data-page="landing"] .own-pace-note{
  display:flex;flex-direction:column;align-items:flex-start;gap:20px;
  background:#E8DDD0;border-radius:26px;padding:40px 36px;
  box-shadow:0 20px 40px -30px rgba(89,77,82,.6);
}
body[data-page="landing"] .own-pace-drawing{width:96px;height:96px;color:#594D52}
body[data-page="landing"] .own-pace-note h3{font:700 24px/1.3 'Vesper Libre',serif;color:#594D52;margin:0 0 10px}
body[data-page="landing"] .own-pace-note p{font-size:16px;margin:0}
@media (max-width:900px){
  body[data-page="landing"] .landing-pause{grid-template-columns:1fr;gap:32px;padding:64px 16px}
}

/* Kiemelés: halvány háttér a szekción, aláfestett kulcsmondat, világosabb kártya */
body[data-page="landing"] .landing-pause{background:linear-gradient(135deg,rgba(234,209,197,.55),rgba(232,221,208,.55));border-radius:32px;margin:40px auto;max-width:1184px}
body[data-page="landing"] .landing-pause strong{font-weight:900;background:linear-gradient(transparent 60%,rgba(234,209,197,.95) 60%);padding:0 3px}
body[data-page="landing"] .own-pace-note{background:#FAF7F2}

/* Nyugodt folytatást idéző grafika a dátumozás nélküli használathoz. */
body[data-page="landing"] .landing-pause{align-items:center}
body[data-page="landing"] .pause-visual{min-width:0}
body[data-page="landing"] .pause-illustration{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;border:0;background:transparent;box-shadow:none}
body[data-page="landing"] .pause-visual .own-pace-note{display:block;margin:18px 0 0;padding:23px 26px;text-align:center}
body[data-page="landing"] .pause-visual .own-pace-note h3{font-size:26px}
@media(max-width:699px){body[data-page="landing"] .pause-illustration{max-width:360px}body[data-page="landing"] .pause-visual .own-pace-note{padding:22px}}

/* A havi előfizetés felirat nagyobb */
body[data-page="landing"] .subscription-eyebrow{font-size:20px;letter-spacing:1.5px;margin-bottom:14px}

/* Visszafogott, rajzolt kiemelés az egyszeri kipróbálás linkjén. */
body[data-page="landing"] :is(.subscription-choice,.landing-questions) .try-once-link{position:relative;isolation:isolate;padding:7px 12px;border:0;text-decoration:none;transition:color .2s ease}
body[data-page="landing"] .try-once-link::before{content:"";position:absolute;z-index:-1;inset:2px 0;background:var(--blush);border-radius:5px 13px 5px 13px;opacity:0;transform:scaleX(.85);transition:opacity .22s ease,transform .25s ease;pointer-events:none}
body[data-page="landing"] .try-once-link::after{content:"✧";position:absolute;right:-13px;top:50%;font-size:24px;line-height:1;color:var(--clay);opacity:0;transform:translateY(-50%) scale(.65) rotate(-15deg);transition:opacity .22s ease,transform .3s ease;pointer-events:none}
body[data-page="landing"] :is(.subscription-choice,.landing-questions) .try-once-link:is(:hover,:focus-visible){background:transparent;color:var(--ink)}
body[data-page="landing"] .try-once-link:is(:hover,:focus-visible)::before{opacity:.65;transform:scaleX(1)}
body[data-page="landing"] .try-once-link:is(:hover,:focus-visible)::after{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .try-once-link::before,body[data-page="landing"] .try-once-link::after{transition:none}}

/* Az egyszeri kipróbálás alaphelyzetben is felismerhető gomb. */
body[data-page="landing"] :is(.subscription-choice,.landing-questions) .try-once-link{display:block;width:100%;padding:12px 18px;margin-top:20px;border:1px solid var(--clay);border-radius:999px;background:var(--cream);color:var(--ink);font-size:15px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}
body[data-page="landing"] :is(.subscription-choice,.landing-questions) .try-once-link::before{inset:0;border-radius:999px}
body[data-page="landing"] :is(.subscription-choice,.landing-questions) .try-once-link:is(:hover,:focus-visible){background:var(--blush);border-color:var(--ink)}

/* A számok törlése után a minta-kártyák egy oszlopban maradnak (mobilon is) */
body[data-page="landing"] .sample-focused .sample-notes article{grid-template-columns:minmax(0,1fr)}

/* Mobil optimalizálás (640px alatt): egy oszlop, olvasható méretek, nincs vízszintes görgetés */
@media (max-width:640px){
  body[data-page="landing"] img{max-width:100%;height:auto}
  body[data-page="landing"] p{font-size:16px;line-height:1.75}
  body[data-page="landing"] h2{font-size:30px;line-height:1.2;letter-spacing:-.5px}
  body[data-page="landing"] .eyebrow,
  body[data-page="landing"] .landing-pause .eyebrow,
  body[data-page="landing"] .subscription-eyebrow{font-size:14px;letter-spacing:1.2px}
  body[data-page="landing"] .hero-visual a{transform:none;width:100%}
  body[data-page="landing"] .hero-visual a:hover{transform:none}
  body[data-page="landing"] .sample-display{transform:none}
  body[data-page="landing"] .subscription-choice{padding:28px 20px;border-radius:20px}
  body[data-page="landing"] .landing-leadmagnet{flex-direction:column;align-items:stretch;padding:32px 22px}
  body[data-page="landing"] .landing-leadmagnet .primary{width:100%;justify-content:center}
  body[data-page="landing"] .landing-legal{font-size:13px;gap:8px 18px;padding:24px 16px 0}
  body[data-page="landing"] .social-links{padding:24px 16px 32px}
  body[data-page="landing"] .sample-focused .sample-notes article{padding:18px}
  body[data-page="landing"] .steps-grid h3{font-size:20px}
  body[data-page="landing"] .review-card{padding:24px 22px}
  body[data-page="landing"] .review-card blockquote{font-size:17px}
  body[data-page="landing"] .faq summary{font-size:16px;padding:18px 20px}
  body[data-page="landing"] .landing-cta h2{font-size:28px}
  body[data-page="landing"] .landing-cta .primary{width:100%;justify-content:center}
  body[data-page="landing"] .landing-hero{overflow:hidden}
}

/* Érintéssel és billentyűzettel is működő képi állapotok. */
body[data-page="landing"] .hero-visual .planner-transformation{display:grid;width:112%;flex-shrink:0;padding:0;border:0;background:transparent;cursor:pointer}
body[data-page="landing"] .planner-transformation[aria-pressed="true"] .planner-before{opacity:0}
body[data-page="landing"] .planner-transformation[aria-pressed="true"] .planner-after{opacity:1}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button.touch-hover{background:var(--mist);color:var(--ink);transform:translateY(-3px) scale(1.025);box-shadow:0 9px 20px -10px color-mix(in srgb,var(--ink) 35%,transparent)}
body[data-page="landing"] :is(.hero-actions,.subscription-choice,.sample-invitation-action,.landing-cta,.bookmark-highlight) .magic-preview-button.touch-hover .button-magic{opacity:1;transform:scale(1.04) rotate(0)}
body[data-page="landing"] :is(.subscription-choice,.landing-questions) .try-once-link.touch-hover{background:var(--blush);border-color:var(--ink)}
body[data-page="landing"] .try-once-link.touch-hover::before{opacity:.65;transform:scaleX(1)}
body[data-page="landing"] .try-once-link.touch-hover::after{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}
@media(max-width:699px){body[data-page="landing"] .hero-visual .planner-transformation{width:100%;max-width:400px;transform:none}}
@media(hover:none){body[data-page="landing"] .planner-transformation:not([aria-pressed="true"]) .planner-before{opacity:1}body[data-page="landing"] .planner-transformation:not([aria-pressed="true"]) .planner-after{opacity:0}}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .magic-preview-button.touch-hover,body[data-page="landing"] .magic-preview-button.touch-hover .button-magic{transition:none;transform:none}}

body[data-page="landing"] .hero-visual .planner-transformation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* A site.css 640px alatti általános h3 mérete (30px) túl nagy lenne a főoldal kártyáin */
@media (max-width:640px){
  body[data-page="landing"] h3{font-size:22px;line-height:1.3}
}

/* „Mit találsz a következő oldalon?” – végleges elrendezés (ez felülírja a korábbi szabályokat) */
body[data-page="landing"] .landing-curiosity{
  max-width:1184px;margin:0 auto;padding:96px 24px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;
}
body[data-page="landing"] .curiosity-heading{position:static;padding:0;min-width:0}
body[data-page="landing"] .curiosity-heading h2{max-width:none;margin:0 0 36px;font-size:clamp(32px,3.4vw,46px);line-height:1.2}
body[data-page="landing"] .page-fan{position:relative;display:flex;justify-content:flex-start;align-items:center;height:300px;max-width:440px;margin:0;padding:0}
body[data-page="landing"] .page-fan img{position:absolute;top:50%;width:180px;height:auto;max-height:260px;object-fit:contain;border-radius:10px;box-shadow:0 22px 40px -26px rgba(89,77,82,.7);transform:translateY(-50%) rotate(-6deg);left:0}
body[data-page="landing"] .page-fan img:nth-child(2){left:150px;transform:translateY(-50%) rotate(5deg);z-index:1}
body[data-page="landing"] .landing-curiosity>div:last-child{min-width:0;padding:0}
body[data-page="landing"] .landing-curiosity>div:last-child p{font-size:18px;line-height:1.75;margin:0 0 20px}
body[data-page="landing"] .landing-curiosity>div:last-child strong{font-weight:700;color:#594D52}
body[data-page="landing"] .landing-curiosity .curiosity-aside{
  font-size:17px;line-height:1.7;margin:28px 0 0;padding:24px 26px;
  background:#E8DDD0;border:0;border-radius:20px;
}
@media (max-width:900px){
  body[data-page="landing"] .landing-curiosity{grid-template-columns:1fr;gap:40px;padding:64px 24px}
  body[data-page="landing"] .page-fan{height:260px;max-width:380px}
  body[data-page="landing"] .page-fan img{width:160px;max-height:230px}
  body[data-page="landing"] .page-fan img:nth-child(2){left:130px}
}
@media (max-width:640px){
  body[data-page="landing"] .landing-curiosity{padding:48px 16px;gap:32px}
  body[data-page="landing"] .curiosity-heading h2{margin-bottom:28px}
  body[data-page="landing"] .page-fan{height:220px;max-width:100%;justify-content:center}
  body[data-page="landing"] .page-fan img{width:136px;max-height:200px}
  body[data-page="landing"] .page-fan img:nth-child(1){left:calc(50% - 136px)}
  body[data-page="landing"] .page-fan img:nth-child(2){left:calc(50% - 10px)}
  body[data-page="landing"] .landing-curiosity .curiosity-aside{padding:20px}
}

/* „Mit találsz a következő oldalon?” – önálló szekció (.next-page) */
body[data-page="landing"] .next-page{
  max-width:1184px;margin:0 auto;padding:96px 24px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;
}
body[data-page="landing"] .next-page__media{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
body[data-page="landing"] .next-page__media img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 24px 44px -28px rgba(89,77,82,.7)}
body[data-page="landing"] .next-page__media img:nth-child(2){margin-top:48px}
body[data-page="landing"] .next-page__title{font:clamp(32px,3.4vw,46px)/1.2 'Vesper Libre',serif;color:#594D52;margin:0 0 32px;letter-spacing:-.6px}
body[data-page="landing"] .next-page__copy p{font-size:18px;line-height:1.75;color:#594D52;margin:0 0 20px}
body[data-page="landing"] .next-page__copy strong{font-weight:700}
body[data-page="landing"] .next-page__copy p.next-page__note{font-size:17px;line-height:1.7;background:#E8DDD0;border-radius:20px;padding:24px 26px;margin:28px 0 0}
@media (max-width:900px){
  body[data-page="landing"] .next-page{grid-template-columns:1fr;gap:40px;padding:64px 24px}
}
@media (max-width:640px){
  body[data-page="landing"] .next-page{padding:48px 16px;gap:32px}
  body[data-page="landing"] .next-page__media img:nth-child(2){margin-top:32px}
  body[data-page="landing"] .next-page__copy p.next-page__note{padding:20px}
}

/* „Mit találsz a következő oldalon?” – díszesebb, megkapóbb megjelenés */
body[data-page="landing"] .next-page{
  max-width:1184px;margin:56px auto;padding:88px 56px;
  background:linear-gradient(135deg,rgba(234,209,197,.55) 0%,rgba(232,221,208,.6) 55%,rgba(185,169,200,.3) 100%);
  border-radius:40px;position:relative;overflow:hidden;
}
body[data-page="landing"] .next-page::before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;
  right:-140px;top:-160px;background:radial-gradient(circle,rgba(250,247,242,.85),transparent 70%);pointer-events:none;
}
body[data-page="landing"] .next-page>*{position:relative}
body[data-page="landing"] .next-page__media{gap:26px}
body[data-page="landing"] .next-page__media img{
  border:10px solid #FAF7F2;border-radius:6px;padding:0;background:#FAF7F2;
  box-shadow:0 26px 48px -24px rgba(89,77,82,.65);
  transition:transform .35s ease;
}
body[data-page="landing"] .next-page__media img:nth-child(1){transform:rotate(-3deg)}
body[data-page="landing"] .next-page__media img:nth-child(2){transform:rotate(3deg) translateY(10px)}
@media(hover:hover){
  body[data-page="landing"] .next-page__media img:hover{transform:rotate(0deg) translateY(-5px)}
}
body[data-page="landing"] .next-page__title{font-size:clamp(34px,3.8vw,52px);letter-spacing:-.8px}
body[data-page="landing"] .next-page__hl{
  background:linear-gradient(transparent 62%,rgba(234,209,197,.95) 62%);padding:0 6px;
}
body[data-page="landing"] .next-page__copy p.next-page__note{
  background:#594D52;color:#FAFAF7;border-radius:24px;padding:28px 30px;
  box-shadow:0 22px 40px -26px rgba(89,77,82,.8);
}
body[data-page="landing"] .next-page__copy p.next-page__note{color:#FAFAF7;opacity:1}
@media (max-width:900px){
  body[data-page="landing"] .next-page{margin:32px 16px;padding:64px 32px;border-radius:32px}
}
@media (max-width:640px){
  body[data-page="landing"] .next-page{margin:20px 10px;padding:44px 18px;border-radius:24px}
  body[data-page="landing"] .next-page__media{gap:18px}
  body[data-page="landing"] .next-page__media img{border-width:7px}
  body[data-page="landing"] .next-page__copy p.next-page__note{padding:22px 20px}
}

/* Saját illusztráció a lapozás öröméről. */
body[data-page="landing"] .next-page__media{display:block;min-width:0}
body[data-page="landing"] .joy-transformation{display:grid;width:100%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
body[data-page="landing"] .next-page__media .joy-illustration{grid-area:1 / 1;display:block;width:100%;height:auto;margin:0;border:0;border-radius:0;box-shadow:none;transform:none;pointer-events:none;transition:opacity .7s ease}
body[data-page="landing"] .joy-transformation .joy-before{opacity:1}
body[data-page="landing"] .joy-transformation .joy-after{opacity:0}
body[data-page="landing"] .joy-transformation[aria-pressed="true"] .joy-before{opacity:0}
body[data-page="landing"] .joy-transformation[aria-pressed="true"] .joy-after{opacity:1}
@media(hover:hover){body[data-page="landing"] .joy-transformation:hover .joy-before{opacity:0}body[data-page="landing"] .joy-transformation:hover .joy-after{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .next-page__media .joy-illustration{transition:none}}

body[data-page="landing"] .next-page__media .joy-transformation{max-width:280px;margin:0 auto}
@media(max-width:699px){body[data-page="landing"] .next-page__media .joy-transformation{max-width:220px}}

/* Szállítás és fizetés – bizalmi sor, kártyákkal */
body[data-page="landing"] .delivery-trust{max-width:1184px;margin:80px auto 0;padding:0 24px}
body[data-page="landing"] .delivery-head{text-align:center;margin-bottom:40px}
body[data-page="landing"] .delivery-head .eyebrow{display:block;font-size:14px;letter-spacing:1.5px;margin:12px 0 0}
body[data-page="landing"] .delivery-head h2{margin:0 auto;max-width:640px}
body[data-page="landing"] .delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body[data-page="landing"] .delivery-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  background:#FAF7F2;border-radius:24px;padding:32px 28px;
  box-shadow:0 18px 36px -28px rgba(89,77,82,.7);border-top:4px solid #EAD1C5;
  transition:transform .3s ease;
}
body[data-page="landing"] .delivery-card:hover{transform:translateY(-4px)}
body[data-page="landing"] .delivery-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:50%;background:#E8DDD0;color:#594D52;
  font-size:22px;margin-bottom:10px;
}
body[data-page="landing"] .delivery-card strong{font:700 21px/1.3 'Vesper Libre',serif;color:#594D52}
body[data-page="landing"] .delivery-card span:not(.delivery-icon){font-size:16px;line-height:1.6;color:#594D52;opacity:.9}
@media (max-width:900px){
  body[data-page="landing"] .delivery-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  body[data-page="landing"] .delivery-trust{margin-top:56px;padding:0 16px}
  body[data-page="landing"] .delivery-card{padding:26px 22px}
  body[data-page="landing"] .delivery-card:hover{transform:none}
}

body[data-page="landing"] .delivery-card .delivery-drawn-icon{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 12px;border:0;border-radius:0;background:transparent;box-shadow:none}

body[data-page="landing"] .delivery-card .delivery-drawn-icon{margin:0 0 12px;align-self:flex-start;justify-self:start}

body[data-page="landing"] .delivery-head .eyebrow{font-size:16px;line-height:1.5}

/* Decemberi lapozás kép a következő oldal szekció alatt. */
body[data-page="landing"] .next-page__spread{grid-column:1 / -1;margin:24px auto 0;max-width:720px;width:100%}
body[data-page="landing"] .next-page__spread img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 24px 44px -28px rgba(89,77,82,.7)}

/* A decemberi termékfotó önálló, korán látható termékbemutatóban. */
body[data-page="landing"] .december-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;padding:42px 0 30px}
body[data-page="landing"] .december-feature__photo{margin:0;min-width:0}
body[data-page="landing"] .december-feature__photo img{display:block;width:100%;height:auto;border:0;border-radius:8px 28px 8px 28px;box-shadow:none}
body[data-page="landing"] .december-feature__copy{min-width:0;padding:12px 0}
body[data-page="landing"] .december-feature__copy h2{font-size:clamp(34px,3.8vw,50px);line-height:1.12;margin:0 0 22px}
body[data-page="landing"] .december-feature__copy p{font-size:18px;line-height:1.65;margin:0 0 18px}
body[data-page="landing"] .december-feature__copy .eyebrow{font-size:12px;color:var(--clay);letter-spacing:1.5px;font-weight:700}
body[data-page="landing"] .december-feature__copy .textlink{display:inline-block;margin-top:4px}
@media(max-width:900px){body[data-page="landing"] .december-feature{gap:28px}}
@media(max-width:699px){body[data-page="landing"] .december-feature{grid-template-columns:1fr;gap:22px;padding:28px 0}body[data-page="landing"] .december-feature__copy{padding:0}body[data-page="landing"] .december-feature__copy h2{font-size:34px}body[data-page="landing"] .december-feature__copy h2 br{display:none}body[data-page="landing"] .december-feature__copy p{font-size:17px}}

/* Havi előfizetés: ajándék könyvjelző illusztráció */
body[data-page="landing"] .bookmark-gift{margin:26px 0 0 auto;width:min(170px,40%);transform:rotate(4deg)}
body[data-page="landing"] .bookmark-gift img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 18px 30px -22px rgba(89,77,82,.7)}

/* Havi előfizetés: rendezett elrendezés – megújulási tájékoztató és könyvjelző egy sorban */
body[data-page="landing"] .subscription-copy p{max-width:52ch}
body[data-page="landing"] .subscription-extras{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:32px;align-items:end;margin-top:8px}
body[data-page="landing"] .subscription-extras .renewal-note{margin-top:0}
body[data-page="landing"] .subscription-extras .bookmark-gift{margin:0;width:150px;justify-self:end}
@media(max-width:640px){body[data-page="landing"] .subscription-extras{grid-template-columns:minmax(0,1fr);gap:24px}body[data-page="landing"] .subscription-extras .bookmark-gift{width:120px;justify-self:center}}

/* Ajándék könyvjelző: nagyobb, kiemelt kép és címke */
body[data-page="landing"] .subscription-extras{grid-template-columns:minmax(0,1fr) 200px}
body[data-page="landing"] .subscription-extras .bookmark-gift{position:relative;width:200px;transform:rotate(5deg);padding:14px 14px 0;background:var(--cream);border-radius:20px 8px 20px 8px;box-shadow:0 24px 40px -26px rgba(89,77,82,.8)}
body[data-page="landing"] .subscription-extras .bookmark-gift img{border-radius:12px;box-shadow:none}
body[data-page="landing"] .subscription-extras .bookmark-gift figcaption{position:relative;top:-12px;z-index:2;display:block;width:88%;max-width:100%;margin:0 auto -8px;padding:8px 12px;border-radius:999px;background:var(--lilac);color:var(--ink);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.2px;text-align:center;box-shadow:0 6px 14px -8px rgba(89,77,82,.7)}
@media(max-width:640px){body[data-page="landing"] .subscription-extras .bookmark-gift{width:170px;justify-self:center}}

/* Középtájon átkötött könyvjelző, kis ajándékcímkével. */
body[data-page="landing"] .subscription-extras .bookmark-gift{position:relative;padding:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;transform:rotate(3deg)}
body[data-page="landing"] .bookmark-gift__wrap{position:relative}
body[data-page="landing"] .subscription-extras .bookmark-gift .bookmark-gift__photo{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 12px 24px -16px color-mix(in srgb,var(--ink) 40%,transparent)}
body[data-page="landing"] .subscription-extras .bookmark-gift .bookmark-gift__bow{position:absolute;z-index:2;top:43%;left:-15%;width:130%;max-width:none;height:auto;transform:translateY(-50%) rotate(-10deg);border:0;border-radius:0;box-shadow:none;pointer-events:none}
body[data-page="landing"] .subscription-extras .bookmark-gift figcaption{position:absolute;z-index:3;top:53%;left:-18%;width:125%;max-width:none;margin:0;padding:13px 14px 13px 22px;border:1px solid var(--line);border-radius:4px 12px 12px 4px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:700;line-height:1.35;text-align:center;transform:rotate(-9deg);box-shadow:0 6px 15px -11px color-mix(in srgb,var(--ink) 40%,transparent)}
body[data-page="landing"] .bookmark-gift figcaption::before{content:"";position:absolute;left:9px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--clay);transform:translateY(-50%)}
@media(max-width:640px){body[data-page="landing"] .subscription-extras .bookmark-gift figcaption{font-size:13px}}

/* A masni és a címke a könyvjelző arányaihoz igazodik. */
body[data-page="landing"] .subscription-extras .bookmark-gift .bookmark-gift__bow{left:0;width:100%;top:43%;transform:translateY(-50%) rotate(-7deg)}
body[data-page="landing"] .subscription-extras .bookmark-gift figcaption{top:51%;left:3%;width:94%;padding:15px 12px 14px;border:1px solid var(--line);border-radius:7px 16px 7px 16px;background:var(--cream);font-size:14px;line-height:1.45;letter-spacing:0;transform:rotate(-3deg);box-shadow:0 5px 12px -9px color-mix(in srgb,var(--ink) 30%,transparent)}
body[data-page="landing"] .bookmark-gift figcaption::before{left:50%;top:6px;width:4px;height:4px;background:var(--clay);transform:translateX(-50%)}
@media(max-width:640px){body[data-page="landing"] .subscription-extras .bookmark-gift figcaption{font-size:13px;padding:14px 10px 12px}}

/* Belső oldal minta: oldalpár, nagyobb és középre helyezett keretben */
body[data-page="landing"] .sample-focused .sample-display{max-width:620px;margin:0 auto;padding:18px;background:#FAFAF7;border-radius:26px 8px 26px 8px;box-shadow:0 30px 50px -34px rgba(89,77,82,.75)}
body[data-page="landing"] .sample-focused .sample-display .planner-sample{max-width:none;width:100%;margin:0;border-radius:12px;box-shadow:none}
body[data-page="landing"] .sample-focused .sample-photo-note{margin-top:20px}

/* Már a nyitórésznél látható az előfizetéshez járó ajándék. */
body[data-page="landing"] .bookmark-highlight{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:24px;align-items:center;margin:0 auto 25px;padding:24px 30px;background:color-mix(in srgb,var(--lilac) 25%,var(--cream));border-radius:8px 26px 8px 26px}
body[data-page="landing"] .bookmark-highlight__visual{position:relative;width:70px;justify-self:center;transform:rotate(-8deg)}
body[data-page="landing"] .bookmark-highlight__photo{display:block;width:44px;height:142px;object-fit:cover;margin:auto;border-radius:3px;box-shadow:0 6px 12px -8px color-mix(in srgb,var(--ink) 50%,transparent)}
body[data-page="landing"] .bookmark-highlight__bow{position:absolute;left:10px;top:45%;width:50px;height:auto;transform:translateY(-50%) rotate(-5deg);pointer-events:none}
body[data-page="landing"] .bookmark-highlight .bookmark-highlight__eyebrow{font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:1.5;margin:0 0 9px}
body[data-page="landing"] .bookmark-highlight h2{font-size:28px;line-height:1.2;margin:0 0 10px;letter-spacing:-.3px}
body[data-page="landing"] .bookmark-highlight__copy>p:last-child{font-size:16px;line-height:1.6;max-width:620px;margin:0}
body[data-page="landing"] .bookmark-highlight__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--ink);border-radius:999px;font-size:15px;font-weight:700;text-align:center;line-height:1.4;transition:background-color .2s ease}
body[data-page="landing"] .bookmark-highlight__link:is(:hover,:focus-visible){background:var(--cream)}
@media(max-width:1000px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:70px minmax(0,1fr);gap:18px}body[data-page="landing"] .bookmark-highlight__visual{grid-row:span 2}body[data-page="landing"] .bookmark-highlight__link{grid-column:2;justify-self:start}}
@media(max-width:640px){body[data-page="landing"] .bookmark-highlight{padding:22px 18px;grid-template-columns:55px minmax(0,1fr);gap:15px}body[data-page="landing"] .bookmark-highlight h2{font-size:24px}body[data-page="landing"] .bookmark-highlight__copy>p:last-child{font-size:15px}body[data-page="landing"] .bookmark-highlight__link{grid-column:1 / -1;justify-self:stretch}body[data-page="landing"] .bookmark-highlight__visual{grid-row:auto;width:55px}}

body[data-page="landing"] .next-page__media .next-page__joy-art{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
@media(hover:hover){body[data-page="landing"] .next-page__media .next-page__joy-art:hover{transform:none}}
@media(max-width:699px){body[data-page="landing"] .next-page__media .next-page__joy-art{max-width:240px}}

/* Előfizetés: világos ajánlat, arányos ajándékbemutató és önálló megújulási sáv. */
body[data-page="landing"] .subscription-redesign{padding:76px 0;background:var(--wheat)}
body[data-page="landing"] .subscription-redesign .subscription-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"intro choice" "gift choice" "renewal renewal";gap:32px 48px;align-items:start}
body[data-page="landing"] .subscription-intro{grid-area:intro;min-width:0}
body[data-page="landing"] .subscription-intro h2{font-size:clamp(32px,3.2vw,45px);line-height:1.15;margin:0 0 22px}
body[data-page="landing"] .subscription-intro>p:last-child{font-size:18px;line-height:1.7;margin:0;max-width:49ch}
body[data-page="landing"] .subscription-redesign .subscription-choice{grid-area:choice;position:relative;top:auto;align-self:start;padding:38px 30px;border-radius:12px 28px 12px 28px;box-shadow:none}
body[data-page="landing"] .subscription-redesign .subscription-choice::before{display:none}
body[data-page="landing"] .subscription-redesign .subscription-choice h3{font-size:31px;line-height:1.2;margin-bottom:22px}
body[data-page="landing"] .subscription-redesign .subscription-choice ul{margin-bottom:30px}
body[data-page="landing"] .subscription-redesign .subscription-choice li{padding:13px 0;font-size:17px;line-height:1.5;border-bottom:1px solid var(--line)}
body[data-page="landing"] .subscription-redesign .subscription-terms{font-size:14px;line-height:1.6;margin:22px 0 0}
body[data-page="landing"] .subscription-redesign .subscription-gift-panel{grid-area:gift;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;margin:0;padding:25px 24px;background:color-mix(in srgb,var(--cream) 65%,var(--wheat));border-radius:12px 26px 12px 26px;min-width:0}
body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift{width:88px;margin:0;justify-self:center;transform:rotate(4deg)}
body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift figcaption{top:53%;left:-8%;width:116%;padding:11px 5px 8px;border-radius:5px 10px 5px 10px;font-size:10px;line-height:1.3;transform:rotate(-5deg)}
body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift figcaption::before{width:3px;height:3px;top:5px}
body[data-page="landing"] .subscription-gift-copy h3{font-size:26px;line-height:1.2;margin:0 0 15px}
body[data-page="landing"] .subscription-gift-copy p:last-child{font-size:16px;line-height:1.65;margin:0}
body[data-page="landing"] .subscription-gift-copy .eyebrow{font-size:11px;margin-bottom:12px}
body[data-page="landing"] .subscription-redesign .subscription-renewal{grid-area:renewal;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:45px;margin:6px 0 0;padding:30px 32px;border:0;background:var(--palette-blue);border-radius:12px 26px 12px 26px}
body[data-page="landing"] .subscription-renewal h3{font-size:28px;line-height:1.2;margin:0}
body[data-page="landing"] .subscription-renewal .eyebrow{font-size:11px;color:var(--ink);margin-bottom:12px}
body[data-page="landing"] .subscription-renewal p{font-size:16px;line-height:1.7;margin:0 0 12px}
body[data-page="landing"] .subscription-renewal p:last-child{margin-bottom:0}
@media(max-width:900px){body[data-page="landing"] .subscription-redesign .subscription-layout{gap:28px}body[data-page="landing"] .subscription-redesign .subscription-gift-panel{grid-template-columns:85px minmax(0,1fr);padding:20px 16px;gap:18px}body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift{width:72px}body[data-page="landing"] .subscription-gift-copy h3{font-size:24px}body[data-page="landing"] .subscription-redesign .subscription-choice{padding:30px 24px}}
@media(max-width:699px){body[data-page="landing"] .subscription-redesign{padding:44px 0}body[data-page="landing"] .subscription-redesign .subscription-layout{grid-template-columns:1fr;grid-template-areas:"intro" "gift" "choice" "renewal";gap:25px}body[data-page="landing"] .subscription-intro h2{font-size:32px}body[data-page="landing"] .subscription-intro h2 br{display:none}body[data-page="landing"] .subscription-intro>p:last-child{font-size:17px}body[data-page="landing"] .subscription-redesign .subscription-gift-panel{grid-template-columns:90px minmax(0,1fr);padding:23px 18px}body[data-page="landing"] .subscription-redesign .subscription-renewal{grid-template-columns:1fr;gap:20px;padding:26px 23px;margin:0}body[data-page="landing"] .subscription-renewal h3 br{display:none}body[data-page="landing"] .subscription-choice h3 br{display:none}}

/* Ajándék könyvjelző: kiemelt, nagyobb bemutató */
body[data-page="landing"] .subscription-redesign .subscription-gift-panel{grid-template-columns:170px minmax(0,1fr);gap:32px;padding:34px 32px;background:#EAD1C5;border-radius:16px 34px 16px 34px;box-shadow:0 26px 44px -30px rgba(89,77,82,.75)}
body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift{width:150px;transform:rotate(-4deg)}
body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift figcaption{font-size:12px;padding:12px 6px 9px}
body[data-page="landing"] .subscription-gift-copy h3{font-size:31px;line-height:1.15;margin:0 0 16px}
body[data-page="landing"] .subscription-gift-copy .eyebrow{font-size:12px;letter-spacing:1.4px;color:#594D52;margin-bottom:14px}
body[data-page="landing"] .subscription-gift-copy p:last-child{font-size:17px;line-height:1.65}
@media(max-width:900px){body[data-page="landing"] .subscription-redesign .subscription-gift-panel{grid-template-columns:130px minmax(0,1fr);gap:22px;padding:26px 22px}body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift{width:118px}}
@media(max-width:699px){body[data-page="landing"] .subscription-redesign .subscription-gift-panel{grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px}body[data-page="landing"] .subscription-redesign .subscription-extras .bookmark-gift{width:140px}}

/* Hangsúlyosabb, képes ajándékbemutató közvetlenül a nyitórész alatt. */
body[data-page="landing"] .bookmark-highlight{position:relative;isolation:isolate;grid-template-columns:155px minmax(0,1fr) auto;gap:30px;padding:30px 38px;margin-bottom:30px;background:color-mix(in srgb,var(--lilac) 38%,var(--cream));border:1px solid color-mix(in srgb,var(--lilac) 65%,var(--cream));border-radius:12px 36px 12px 36px}
body[data-page="landing"] .bookmark-highlight__visual{grid-row:auto;width:130px;transform:rotate(-9deg)}
body[data-page="landing"] .bookmark-highlight__visual::before{content:"";position:absolute;z-index:-1;inset:12% -5% 10%;background:var(--blush);border-radius:50%;transform:rotate(15deg)}
body[data-page="landing"] .bookmark-highlight__photo{width:65px;height:234px;border-radius:3px;box-shadow:0 14px 22px -15px color-mix(in srgb,var(--ink) 45%,transparent)}
body[data-page="landing"] .bookmark-highlight__bow{width:75px;left:27px;top:45%}
body[data-page="landing"] .bookmark-highlight h2{font-size:clamp(29px,3vw,39px);line-height:1.15;max-width:550px;margin-bottom:15px}
body[data-page="landing"] .bookmark-highlight .bookmark-highlight__eyebrow{font-size:12px;margin-bottom:13px}
body[data-page="landing"] .bookmark-highlight__copy>p:last-child{font-size:17px;max-width:53ch}
body[data-page="landing"] .bookmark-highlight__link{grid-column:auto;justify-self:end;background:var(--ink);color:var(--cream);border-color:var(--ink);padding:15px 22px}
body[data-page="landing"] .bookmark-highlight__link:is(:hover,:focus-visible){background:var(--cream);color:var(--ink)}
@media(max-width:1050px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:125px minmax(0,1fr);gap:18px 28px;padding:28px}body[data-page="landing"] .bookmark-highlight__visual{grid-row:span 2}body[data-page="landing"] .bookmark-highlight__link{grid-column:2;justify-self:start}}
@media(max-width:640px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:26px 20px}body[data-page="landing"] .bookmark-highlight__visual{width:80px;grid-row:auto}body[data-page="landing"] .bookmark-highlight__photo{width:48px;height:173px}body[data-page="landing"] .bookmark-highlight__bow{width:55px;left:12px}body[data-page="landing"] .bookmark-highlight h2{font-size:27px}body[data-page="landing"] .bookmark-highlight__copy>p:last-child{font-size:15px}body[data-page="landing"] .bookmark-highlight__link{grid-column:1/-1;justify-self:stretch}}

/* A könyvjelző mögött ovális folt helyett rétegzett papírlapok. */
body[data-page="landing"] .bookmark-highlight{grid-template-columns:175px minmax(0,1fr) auto;gap:32px;padding:34px 38px}
body[data-page="landing"] .bookmark-highlight__visual{position:relative;isolation:isolate;width:150px;padding:16px 0;transform:rotate(-5deg)}
body[data-page="landing"] .bookmark-highlight__visual::before{content:"";position:absolute;z-index:-2;inset:18px 12px;background:var(--cream);border:1px solid var(--line);border-radius:4px;transform:rotate(-9deg)}
body[data-page="landing"] .bookmark-highlight__visual::after{content:"";position:absolute;z-index:-1;inset:25px 17px;background:var(--blush);border:1px solid color-mix(in srgb,var(--clay) 25%,transparent);border-radius:4px;transform:rotate(7deg);pointer-events:none}
body[data-page="landing"] .bookmark-highlight__photo{position:relative;width:70px;height:252px;object-fit:contain;box-shadow:0 12px 20px -13px color-mix(in srgb,var(--ink) 50%,transparent)}
body[data-page="landing"] .bookmark-highlight__bow{z-index:2;left:36px;width:78px;top:46%;transform:translateY(-50%) rotate(-6deg)}
@media(max-width:1050px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:150px minmax(0,1fr);padding:30px;gap:18px 28px}}
@media(max-width:640px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:100px minmax(0,1fr);padding:25px 18px;gap:20px}body[data-page="landing"] .bookmark-highlight__visual{width:100px;padding:12px 0}body[data-page="landing"] .bookmark-highlight__photo{width:50px;height:180px}body[data-page="landing"] .bookmark-highlight__visual::before{inset:15px 4px}body[data-page="landing"] .bookmark-highlight__visual::after{inset:20px 8px}body[data-page="landing"] .bookmark-highlight__bow{left:22px;width:56px}}

/* Visszaállítás a felső könyvjelzős kiemelés eredeti elrendezésére. */
body[data-page="landing"] .bookmark-highlight{grid-template-columns:88px minmax(0,1fr) auto;gap:24px;align-items:center;margin:0 auto 25px;padding:24px 30px;background:color-mix(in srgb,var(--lilac) 25%,var(--cream));border:0;border-radius:8px 26px 8px 26px}
body[data-page="landing"] .bookmark-highlight__visual{width:70px;padding:0;grid-row:auto;transform:rotate(-8deg)}
body[data-page="landing"] .bookmark-highlight__visual::before,body[data-page="landing"] .bookmark-highlight__visual::after{content:none;display:none}
body[data-page="landing"] .bookmark-highlight__photo{width:44px;height:142px;object-fit:cover;margin:auto;border-radius:3px;box-shadow:0 6px 12px -8px color-mix(in srgb,var(--ink) 50%,transparent)}
body[data-page="landing"] .bookmark-highlight__bow{left:10px;top:45%;width:50px;transform:translateY(-50%) rotate(-5deg)}
body[data-page="landing"] .bookmark-highlight h2{font-size:28px;line-height:1.2;max-width:none;margin:0 0 10px;letter-spacing:-.3px}
body[data-page="landing"] .bookmark-highlight .bookmark-highlight__eyebrow{font-size:11px;margin:0 0 9px}
body[data-page="landing"] .bookmark-highlight__copy>p:last-child{font-size:16px;line-height:1.6;max-width:620px}
body[data-page="landing"] .bookmark-highlight__link{grid-column:auto;justify-self:end}
@media(max-width:1000px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:70px minmax(0,1fr);gap:18px}body[data-page="landing"] .bookmark-highlight__visual{grid-row:span 2}body[data-page="landing"] .bookmark-highlight__link{grid-column:2;justify-self:start}}
@media(max-width:640px){body[data-page="landing"] .bookmark-highlight{padding:22px 18px;grid-template-columns:55px minmax(0,1fr);gap:15px}body[data-page="landing"] .bookmark-highlight h2{font-size:24px}body[data-page="landing"] .bookmark-highlight__copy>p:last-child{font-size:15px}body[data-page="landing"] .bookmark-highlight__link{grid-column:1/-1;justify-self:stretch}body[data-page="landing"] .bookmark-highlight__visual{grid-row:auto;width:55px}}

/* Nagyobb könyvjelző a felső ajándékkiemelésben. */
body[data-page="landing"] .bookmark-highlight{grid-template-columns:120px minmax(0,1fr) auto}
body[data-page="landing"] .bookmark-highlight__visual{width:100px}
body[data-page="landing"] .bookmark-highlight__photo{width:66px;height:238px;object-fit:contain}
body[data-page="landing"] .bookmark-highlight__bow{left:13px;width:74px}
@media(max-width:1000px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:640px){body[data-page="landing"] .bookmark-highlight{grid-template-columns:85px minmax(0,1fr)}body[data-page="landing"] .bookmark-highlight__visual{width:80px}body[data-page="landing"] .bookmark-highlight__photo{width:54px;height:194px}body[data-page="landing"] .bookmark-highlight__bow{left:10px;width:60px}}

body[data-page="landing"] .bookmark-highlight__photo{box-shadow:5px 12px 18px -7px color-mix(in srgb,var(--ink) 38%,transparent),1px 3px 6px color-mix(in srgb,var(--ink) 14%,transparent)}

/* Látványosabb térhatás, külön háttérelem nélkül. */
body[data-page="landing"] .bookmark-highlight__photo{outline:3px solid var(--cream);outline-offset:0;box-shadow:8px 18px 24px -7px color-mix(in srgb,var(--ink) 48%,transparent),3px 6px 10px color-mix(in srgb,var(--ink) 24%,transparent);transform:rotate(-3deg)}

/* Záró felhívás: középre rendezett, nyugodt és határozott elrendezés */
body[data-page="landing"] .landing-cta--strong{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;margin:80px auto;padding:72px 56px;max-width:1040px;border-radius:36px 12px 36px 12px;background:#594D52;color:#FAF7F2;box-shadow:0 34px 60px -38px rgba(89,77,82,.9)}
body[data-page="landing"] .landing-cta--strong > div{display:flex;flex-direction:column;align-items:center;max-width:720px}
body[data-page="landing"] .landing-cta--strong h2{color:#FAF7F2;font-size:clamp(34px,4vw,54px);line-height:1.12;margin:0 0 20px;max-width:none}
body[data-page="landing"] .landing-cta--strong p:not(.eyebrow){color:#FAF7F2;font-size:19px;line-height:1.65;margin:0 0 40px;max-width:52ch;opacity:.92}
body[data-page="landing"] .landing-cta--strong .landing-cta__button{display:inline-flex;align-items:center;justify-content:center;background:#EAD1C5;color:#594D52;min-height:64px;padding:0 42px;font-size:19px;font-weight:700;border-radius:999px}
@media(max-width:699px){body[data-page="landing"] .landing-cta--strong{margin:56px 16px;padding:52px 24px}body[data-page="landing"] .landing-cta--strong .landing-cta__button{width:100%}}