{"id":8732,"date":"2026-05-07T23:28:54","date_gmt":"2026-05-07T23:28:54","guid":{"rendered":"https:\/\/noivezetok.eu\/?page_id=8732"},"modified":"2026-05-07T23:53:27","modified_gmt":"2026-05-07T23:53:27","slug":"fokusz-tervezo","status":"publish","type":"page","link":"https:\/\/noivezetok.eu\/en_en\/fokusz-tervezo\/","title":{"rendered":"F\u00f3kusz Tervez\u0151 2026"},"content":{"rendered":"<!doctype html>\n<html lang=\"hu\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n<title>F\u00f3kusz Tervez\u0151 \u2014 N\u0151i Vezet\u0151k \u00b7 Ingyenes 30 oldalas PDF<\/title>\n\n<!-- \u2500\u2500\u2500 PRELOAD LCP IMAGE \u2500\u2500\u2500 -->\n<link\n  rel=\"preload\"\n  as=\"image\"\n  href=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/openart-gpt-image-2-edit-1_1777916398169_02007f4e-1.webp\"\n  fetchpriority=\"high\"\n  imagesrcset=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/openart-gpt-image-2-edit-1_1777916398169_02007f4e-1.webp\"\n\/>\n\n<!-- \u2500\u2500\u2500 DNS prefetch + preconnect \u2500\u2500\u2500 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"dns-prefetch\" href=\"https:\/\/noivezetok.eu\">\n\n<!-- \u2500\u2500\u2500 FONT: Cormorant + Inter (immediate load for WordPress compatibility) \u2500\u2500\u2500 -->\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600;1,700&#038;family=Inter:wght@400;500;600&#038;family=Caveat:wght@400;500;600&#038;family=JetBrains+Mono:wght@400;500&#038;display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     WORDPRESS\/ELEMENTOR OVERRIDE LAYER\n     Ez biztos\u00edtja, hogy a WP t\u00e9ma\/Elementor ne \u00edrja fel\u00fcl\n     a custom st\u00edlusokat. !important kell, mert az Elementor\n     specificity-je magas.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n  \/* === S\u00d6T\u00c9T H\u00c1TT\u00c9R ELEMEK \u2014 kr\u00e9mes sz\u00f6veg === *\/\n  body .nv-fokusz-landing,\n  body .nv-fokusz-landing > .wrap,\n  body .nv-fokusz-landing nav,\n  body .nv-fokusz-landing .hero,\n  body .nv-fokusz-landing .sec-head,\n  body .nv-fokusz-landing footer,\n  body .nv-fokusz-landing section > h1,\n  body .nv-fokusz-landing section > h2,\n  body .nv-fokusz-landing section > h3,\n  body .nv-fokusz-landing section > p,\n  body .nv-fokusz-landing .sec-head h1,\n  body .nv-fokusz-landing .sec-head h2,\n  body .nv-fokusz-landing .sec-head h3,\n  body .nv-fokusz-landing .sec-head p,\n  body .nv-fokusz-landing .display,\n  body .nv-fokusz-landing .hero-sub,\n  body .nv-fokusz-landing .eyebrow,\n  body .nv-fokusz-landing .stat,\n  body .nv-fokusz-landing .stat .l,\n  body .nv-fokusz-landing .nav-links,\n  body .nv-fokusz-landing .nav-links a,\n  body .nv-fokusz-landing .brand-name,\n  body .nv-fokusz-landing .brand-name small,\n  body .nv-fokusz-landing footer div,\n  body .nv-fokusz-landing footer a {\n    color: #ECE7D7 !important;\n  }\n\n  \/* Soft secondary text \u2014 az ink-soft tonalit\u00e1s *\/\n  body .nv-fokusz-landing .hero-sub,\n  body .nv-fokusz-landing .sec-head p,\n  body .nv-fokusz-landing .stat .l,\n  body .nv-fokusz-landing .nav-links,\n  body .nv-fokusz-landing .nav-links a,\n  body .nv-fokusz-landing .brand-name small {\n    color: #B8B59E !important;\n  }\n\n  \/* Eyebrow accent \u2014 sage *\/\n  body .nv-fokusz-landing .eyebrow {\n    color: #C8D2B4 !important;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\n  }\n\n  \/* Italic em inside dark-bg headings \u2014 sage green *\/\n  body .nv-fokusz-landing .display em,\n  body .nv-fokusz-landing .sec-head h1 em,\n  body .nv-fokusz-landing .sec-head h2 em,\n  body .nv-fokusz-landing .sec-head h3 em {\n    color: #C8D2B4 !important;\n    font-style: italic !important;\n    font-weight: 600 !important;\n  }\n\n  \/* === KR\u00c9MES H\u00c1TTER\u0170 K\u00c1RTY\u00c1K \u2014 s\u00f6t\u00e9t sz\u00f6veg === *\/\n  body .nv-fokusz-landing .principle,\n  body .nv-fokusz-landing .principle h4,\n  body .nv-fokusz-landing .principle .pn,\n  body .nv-fokusz-landing .module,\n  body .nv-fokusz-landing .module h4,\n  body .nv-fokusz-landing .module p,\n  body .nv-fokusz-landing .module .mn,\n  body .nv-fokusz-landing .planner,\n  body .nv-fokusz-landing .planner *,\n  body .nv-fokusz-landing .page-card,\n  body .nv-fokusz-landing .page-card figcaption,\n  body .nv-fokusz-landing .nav-cta,\n  body .nv-fokusz-landing .vision-btn,\n  body .nv-fokusz-landing .signup-form button {\n    color: #1F2A18 !important;\n  }\n\n  \/* Principle p \u2014 kiss\u00e9 halv\u00e1nyabb s\u00f6t\u00e9t *\/\n  body .nv-fokusz-landing .principle p,\n  body .nv-fokusz-landing .module p {\n    color: rgba(31,42,24,.75) !important;\n  }\n\n  \/* Principle sz\u00e1m (i. ii. iii.) \u2014 green-deep accent *\/\n  body .nv-fokusz-landing .principle .pn,\n  body .nv-fokusz-landing .module .mn {\n    color: #4A5C3D !important;\n  }\n\n  \/* === FONT FAMILY \u2014 minden heading a Cormorant Garamond === *\/\n  body .nv-fokusz-landing h1,\n  body .nv-fokusz-landing h2,\n  body .nv-fokusz-landing h3,\n  body .nv-fokusz-landing h4,\n  body .nv-fokusz-landing .display,\n  body .nv-fokusz-landing .principle h4,\n  body .nv-fokusz-landing .module h4 {\n    font-family: 'Cormorant Garamond', 'Big Caslon', 'Hoefler Text', Georgia, 'Times New Roman', serif !important;\n    font-weight: 600 !important;\n  }\n\n  \/* Body text \u2014 Inter *\/\n  body .nv-fokusz-landing,\n  body .nv-fokusz-landing p,\n  body .nv-fokusz-landing li,\n  body .nv-fokusz-landing .nav-links,\n  body .nv-fokusz-landing .eyebrow {\n    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ORIGINAL STYLES BELOW\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  :root{\n    \/* DARK GREEN base \u2014 sand-coloured tokens flipped to deep forest *\/\n    --cream: #1A2415;        \/* main page bg \u2014 deeper *\/\n    --cream-2: #243020;      \/* slightly lifted bg *\/\n    --paper: #2E3B27;        \/* card surface *\/\n    --ink: #ECE7D7;          \/* primary text \u2014 now warm cream *\/\n    --ink-soft: #B8B59E;     \/* secondary text *\/\n    --green: #C8D2B4;         \/* primary accent \u2014 sage on dark *\/\n    --green-deep: #1F2A18;   \/* deepest panel *\/\n    --green-soft: #6B7B5A;\n    --sage: #C8D2B4;\n    --sage-2: #B5C29B;\n    --gold: #D4B176;\n    --line: rgba(236,231,215,.12);\n    --line-strong: rgba(236,231,215,.28);\n    --serif: 'Cormorant Garamond', Georgia, serif;\n    --serif-display: 'Cormorant Garamond', Georgia, serif;\n    --hand: 'Caveat', cursive;\n    --mono: 'JetBrains Mono', ui-monospace, monospace;\n  }\n  *{box-sizing:border-box}\n  html,body{margin:0;padding:0; overflow-x:hidden;}\n  html{scroll-behavior:smooth}\n  body{\n    background:\n      radial-gradient(1200px 800px at 80% -10%, rgba(107,123,90,.22), transparent 60%),\n      radial-gradient(1000px 900px at -10% 40%, rgba(45,58,38,.55), transparent 65%),\n      radial-gradient(900px 700px at 90% 90%, rgba(74,92,61,.18), transparent 60%),\n      linear-gradient(170deg, #1A2415 0%, #131C0F 45%, #0F1709 100%);\n    background-attachment: fixed;\n    color: var(--ink);\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 17px;\n    line-height: 1.55;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n  ::selection{ background: var(--green); color: #1F2A18;}\n  img{max-width:100%; display:block; height:auto;}\n  a{color:inherit}\n  button{font-family:inherit; cursor:pointer; border:0; background:none; color:inherit}\n\n  .wrap{ max-width: 1240px; margin: 0 auto; padding: 0 32px; }\n  .wrap-tight{ max-width: 1080px; margin: 0 auto; padding: 0 32px; }\n  .wrap-narrow{ max-width: 760px; margin: 0 auto; padding: 0 32px; }\n\n  \/* TYPE *\/\n  .display{\n    font-family: var(--serif);\n    font-weight: 600;\n    letter-spacing: -0.025em;\n    line-height: 1.05;\n  }\n  .display em{ font-style: italic; font-weight: 600; color: var(--green);}\n  .eyebrow{\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 11.5px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--green);\n    font-weight: 500;\n  }\n  .label-it{\n    font-family: var(--serif-display);\n    font-style: italic;\n    font-weight: 400;\n    color: var(--ink-soft);\n  }\n\n  \/* NAV *\/\n  nav.top{\n    display:flex; align-items:center; justify-content:space-between;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--line);\n  }\n  .brand{ display:flex; align-items:center; gap:12px;}\n  .brand-mark{\n    width:34px; height:34px; border-radius:50%;\n    background: var(--green);\n    display:grid; place-items:center;\n    color: #1F2A18;\n    font-family: var(--serif); font-style:italic; font-weight:600;\n    font-size:18px;\n    flex-shrink: 0;\n  }\n  .brand-name{ font-family: var(--serif); font-weight:600; letter-spacing:.01em; font-size: 18px;}\n  .brand-name small{\n    display:block; font-family:'Inter', system-ui, sans-serif; font-size: 9.5px;\n    letter-spacing:.22em; text-transform:uppercase; color: var(--ink-soft);\n    margin-top: 2px; font-weight:400;\n  }\n  .nav-links{ display:flex; gap: 32px; font-size:14px; color: var(--ink-soft);}\n  .nav-links a{ text-decoration:none;}\n  .nav-links a:hover{ color: var(--green);}\n  .nav-cta{\n    background: #ECE7D7; color: #1F2A18;\n    padding: 11px 18px; border-radius: 999px;\n    font-size: 13.5px; text-decoration:none; transition: background .2s;\n    white-space: nowrap;\n  }\n  .nav-cta:hover{ background: var(--green);}\n\n  \/* HERO *\/\n  .hero{ padding: 70px 0 60px; position: relative; overflow: hidden;}\n  .hero-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: stretch;}\n  .hero-left{ display:flex; flex-direction:column; justify-content:space-between; padding-right: 12px;}\n  .hero-meta{ display:flex; align-items:center; gap: 14px; margin-bottom: 28px; flex-wrap: wrap;}\n  .pill{\n    display:inline-flex; align-items:center; gap: 8px;\n    padding: 7px 14px 7px 10px;\n    background: var(--sage);\n    border-radius: 999px;\n    font-size: 12.5px; color: var(--green-deep); font-weight: 500;\n  }\n  .pill .star{\n    width: 16px; height: 16px; border-radius: 50%;\n    background: var(--green); color: #1F2A18;\n    display:grid; place-items:center; font-size: 10px;\n    flex-shrink: 0;\n  }\n  .hero h1{\n    font-size: clamp(36px, 7vw, 80px);\n    margin: 0 0 24px;\n    overflow-wrap: break-word;\n    hyphens: none;\n    word-break: normal;\n  }\n  .hero h1 .small{\n    display:block; font-size: 0.5em; color: var(--ink-soft);\n    font-weight: 400; font-style: italic;\n    letter-spacing: -0.01em; margin-bottom: 8px; line-height: 1.15;\n  }\n  .hero-sub{ font-size: 17px; color: var(--ink-soft); max-width: 460px; margin: 0 0 36px; line-height: 1.5;}\n  .hero-stats{\n    display:grid; grid-template-columns: repeat(3, 1fr);\n    gap: 16px; padding: 22px 0; margin-top: 18px;\n    border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);\n  }\n  .stat .n{\n    font-family: var(--serif); font-weight: 500;\n    font-size: 32px; line-height: 1; letter-spacing: -0.02em;\n  }\n  .stat .l{ font-size: 12px; color: var(--ink-soft); margin-top: 6px; line-height:1.3;}\n\n  .hero-right{ position: relative; min-height: 540px;}\n  .hero-photo{\n    position: relative; width: 100%; height: 100%;\n    border-radius: 4px; overflow: hidden; background: var(--green);\n  }\n  .hero-photo img{ width:100%; height:100%; object-fit: cover; object-position: center 30%;}\n  .hero-photo::after{\n    content:\"\"; position:absolute; inset:0;\n    background: linear-gradient(180deg, transparent 60%, rgba(31,26,20,.4));\n    pointer-events:none;\n  }\n  .hero-tag{\n    position:absolute; top: 22px; left: 22px;\n    background: rgba(242,239,230,.92); backdrop-filter: blur(6px);\n    padding: 8px 12px; border-radius: 4px;\n    font-family:'Inter', system-ui, sans-serif;\n    font-size:10.5px; letter-spacing:.18em;\n    text-transform:uppercase; color: var(--ink);\n  }\n  .hero-tag::before{\n    content:\"\"; display:inline-block;\n    width: 6px; height:6px; border-radius:50%;\n    background: var(--green); margin-right: 8px;\n    vertical-align: middle; transform: translateY(-1px);\n  }\n  .ebook-badge{\n    position:absolute; bottom: -36px; left: -36px;\n    width: 220px; background: var(--paper);\n    border-radius: 4px; padding: 18px;\n    box-shadow: 0 30px 60px -20px rgba(31,26,20,.45);\n    transform: rotate(-3deg);\n  }\n  .ebook-badge .cover{\n    width:100%; aspect-ratio: 3\/4; border-radius: 2px;\n    background: linear-gradient(135deg, var(--green-deep) 0%, var(--green) 50%, var(--green-soft) 100%);\n    position: relative; overflow: hidden;\n    display: flex; flex-direction: column; justify-content: space-between;\n    padding: 22px 18px;\n    color: #ECE7D7;\n  }\n  .ebook-badge .cover::before{\n    content:\"\"; position: absolute; inset: 10px;\n    border: 1px solid rgba(232,229,220,.3);\n    border-radius: 2px; pointer-events: none;\n  }\n  .ebook-badge .cover .top{\n    font-family: var(--mono); font-size: 8.5px;\n    letter-spacing: .2em; text-transform: uppercase;\n    opacity: .7; position: relative;\n  }\n  .ebook-badge .cover .mid{\n    font-family: var(--serif); font-style: italic;\n    font-size: 26px; line-height: 1; font-weight: 500;\n    position: relative;\n  }\n  .ebook-badge .cover .mid em{ display: block; font-style: italic; color: var(--sage);}\n  .ebook-badge .cover .bot{\n    font-family: var(--mono); font-size: 8.5px;\n    letter-spacing: .18em; text-transform: uppercase;\n    opacity: .7; position: relative;\n  }\n  .ebook-badge-cap{ margin-top: 10px; display:flex; justify-content:space-between; align-items:flex-end;}\n  .ebook-badge-cap .t{ font-family: var(--serif); font-weight: 600; font-size: 14px; line-height: 1.1;}\n  .ebook-badge-cap .s{\n    font-family:'Inter', system-ui, sans-serif;\n    font-size: 9.5px; letter-spacing:.16em;\n    color: var(--ink-soft); text-transform:uppercase; margin-top: 4px;\n  }\n  .ebook-badge-cap .pages{\n    font-family: var(--serif); font-style: italic; font-weight: 500;\n    font-size: 24px; color: var(--green); line-height: 1;\n  }\n\n  \/* CAPTURE \u2014 top form (dark green) *\/\n  .capture{\n    margin-top: 80px;\n    background:\n      radial-gradient(600px 400px at 90% 10%, rgba(200,210,180,.14), transparent 60%),\n      radial-gradient(500px 400px at 10% 100%, rgba(212,177,118,.10), transparent 60%),\n      linear-gradient(160deg, #243020 0%, #1A2415 60%, #131C0F 100%);\n    color: #ECE7D7;\n    border: 1px solid rgba(200,210,180,.28);\n    box-shadow:\n      0 0 0 1px rgba(212,177,118,.08),\n      0 40px 80px -20px rgba(0,0,0,.55),\n      inset 0 1px 0 rgba(236,231,215,.08);\n    border-radius: 6px;\n    padding: 44px 48px;\n    display:grid; grid-template-columns: 1fr 1.1fr;\n    gap: 56px; align-items: center; position: relative; overflow: hidden;\n  }\n  .capture::before{\n    content:\"\"; position:absolute; right:-100px; top:-100px;\n    width: 320px; height: 320px; border-radius:50%;\n    background: var(--green-soft); opacity:.4; filter:blur(60px);\n  }\n  .capture::after{\n    content:\"\"; position: absolute; inset: 10px;\n    border: 1px solid rgba(212,177,118,.18);\n    border-radius: 4px; pointer-events: none; z-index: 0;\n  }\n  .capture h2{\n    font-family: var(--serif); font-weight: 600;\n    font-size: 36px; margin: 0 0 8px;\n    letter-spacing: -0.02em; line-height: 1.1;\n  }\n  .capture p{ margin: 0; color: rgba(232,229,220,.78); font-size: 15px;}\n  .capture form{\n    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\n    position:relative; z-index:1;\n  }\n  .capture form .full{ grid-column: 1\/-1;}\n  .capture input{\n    width:100%; background: rgba(232,229,220,.06);\n    border: 1px solid rgba(232,229,220,.22);\n    color: #ECE7D7; border-radius: 4px;\n    padding: 14px 16px; font-family: inherit; font-size: 16px;\n    transition: border-color .2s, background .2s;\n    -webkit-appearance: none;\n  }\n  .capture input::placeholder{ color: rgba(232,229,220,.5);}\n  .capture input:focus{\n    outline:none; border-color: var(--sage);\n    background: rgba(232,229,220,.1);\n  }\n  .capture button[type=submit]{\n    width:100%; background: var(--sage); color: #1F2A18;\n    padding: 15px 20px; border-radius: 4px;\n    font-weight: 500; font-size: 15px; letter-spacing: .01em;\n    transition: background .2s, transform .15s;\n    display:flex; align-items:center; justify-content:center; gap: 10px;\n    min-height: 48px;\n  }\n  .capture button[type=submit]:hover{ background: var(--sage-2); transform: translateY(-1px);}\n  .capture button[type=submit] .arrow{ transition: transform .2s;}\n  .capture button[type=submit]:hover .arrow{ transform: translateX(3px);}\n  .capture-fine{\n    margin-top: 14px; font-size: 12px;\n    color: rgba(232,229,220,.55);\n    font-family:'Inter', system-ui, sans-serif; letter-spacing: .04em;\n  }\n  .check-row{\n    display:flex; gap: 22px; flex-wrap:wrap;\n    margin-top: 18px; font-size: 13px;\n    color: rgba(232,229,220,.78);\n  }\n  .check-row span{ display:inline-flex; align-items:center; gap: 7px;}\n  .check-row svg{ width:14px; height:14px; color: var(--sage); flex-shrink: 0;}\n\n  section{ padding: 110px 0; position: relative;}\n  section.tight{ padding: 80px 0;}\n  .sec-head{\n    display:grid; grid-template-columns: 1fr 1.4fr;\n    gap: 64px; align-items:end; margin-bottom: 56px;\n  }\n  .sec-head-right{ max-width: 620px;}\n  .sec-head h2{\n    font-family: var(--serif); font-weight: 600;\n    font-size: clamp(32px, 4.4vw, 60px); margin: 14px 0 0;\n    letter-spacing: -0.025em; line-height: 1.05;\n  }\n  .sec-head h2 em{ color: var(--green); font-weight: 600;}\n  .sec-head p{ font-size: 16px; color: var(--ink-soft); margin: 0;}\n\n  \/* FEATURES *\/\n  .features{\n    display:grid; grid-template-columns: repeat(3, 1fr);\n    gap: 1px; background: var(--line);\n    border: 1px solid var(--line); border-radius: 6px; overflow: hidden;\n  }\n  .feat{\n    background: var(--paper); padding: 38px 32px 36px;\n    display:flex; flex-direction:column; gap: 18px; min-height: 280px;\n  }\n  .feat .icon{\n    width: 44px; height: 44px; border-radius: 50%;\n    background: var(--sage); color: var(--green-deep);\n    display:grid; place-items:center;\n    flex-shrink: 0;\n  }\n  .feat .icon svg{ width: 22px; height: 22px;}\n  .feat h3{\n    font-family: var(--serif); font-weight: 600;\n    font-size: 22px; line-height: 1.18;\n    margin: 0; letter-spacing: -0.01em;\n  }\n  .feat p{ margin: 0; color: var(--ink-soft); font-size: 14.5px; line-height: 1.55;}\n  .feat .meta{\n    margin-top: auto; padding-top: 14px;\n    font-family: var(--mono);\n    font-size: 10.5px; letter-spacing:.18em;\n    text-transform:uppercase; color: var(--ink-soft);\n    border-top: 1px solid var(--line);\n  }\n\n  \/* PRINCIPLES \u2014 4 alapelv *\/\n  .principles{\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n  }\n  .principle{\n    background: #EFEAD9;\n    color: #1F2A18;\n    border: 1px solid rgba(31,42,24,.18);\n    border-radius: 6px;\n    padding: 28px 24px 26px;\n    position: relative;\n    display: flex; flex-direction: column; gap: 12px;\n    min-height: 220px;\n  }\n  .principle .pn{\n    font-family: var(--serif); font-style: italic; font-weight: 500;\n    font-size: 36px; line-height: 1; color: #4A5C3D;\n    letter-spacing: -0.02em;\n  }\n  .principle h4{\n    font-family: var(--serif); font-weight: 600;\n    font-size: 19px; line-height: 1.2; margin: 0;\n    letter-spacing: -0.01em;\n  }\n  .principle p{\n    margin: 0; color: rgba(31,42,24,.7);\n    font-size: 14px; line-height: 1.55; margin-top: auto;\n  }\n\n  \/* STORY (founder) *\/\n  .story{\n    background: var(--paper);\n    border: 1px solid var(--line);\n    border-radius: 6px;\n    padding: 60px 56px;\n    display:grid;\n    grid-template-columns: 1fr 1.6fr;\n    gap: 56px;\n    align-items: center;\n  }\n  .story .quote-mark{\n    font-family: var(--serif);\n    font-style: italic; font-weight: 400;\n    font-size: 160px; line-height: 0.7;\n    color: var(--green); margin-bottom: 8px;\n  }\n  .story .label{\n    font-family:'Inter', system-ui, sans-serif;\n    font-size: 10.5px; letter-spacing:.18em;\n    text-transform:uppercase; color: var(--ink-soft);\n    margin-bottom: 10px;\n  }\n  .story h3{\n    font-family: var(--serif); font-weight: 600;\n    font-size: clamp(24px, 2.6vw, 36px);\n    line-height: 1.18; letter-spacing: -0.015em;\n    margin: 0 0 18px;\n  }\n  .story h3 em{ color: var(--green); font-style: italic; font-weight: 600;}\n  .story p{ color: var(--ink-soft); margin: 0 0 14px; font-size: 15.5px; line-height: 1.65;}\n  .story-sign{\n    margin-top: 18px; display:flex; align-items:center; gap: 12px;\n    font-family: var(--serif); font-style: italic; font-size: 17px;\n  }\n  .story-sign .dash{ width: 36px; height: 1px; background: var(--green); flex-shrink: 0;}\n\n  \/* ATMOSPHERIC BANNER *\/\n  .atmospheric-banner{\n    margin: 60px 0 0;\n    padding: 0;\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border-radius: 6px;\n    background: var(--green-deep);\n  }\n  .atmospheric-banner img{\n    width: 100%;\n    height: 420px;\n    object-fit: cover;\n    object-position: center 35%;\n    display: block;\n    opacity: .9;\n  }\n  .atmospheric-banner figcaption{\n    position: absolute;\n    left: 0; right: 0; bottom: 0;\n    padding: 48px 36px 32px;\n    background: linear-gradient(180deg, transparent 0%, rgba(31,26,20,.5) 60%, rgba(31,26,20,.85) 100%);\n    color: #ECE7D7;\n    display: flex; flex-direction: column; gap: 6px;\n    align-items: flex-start;\n    border-radius: 0 0 6px 6px;\n  }\n  .atmospheric-banner .atm-eyebrow{\n    font-family: var(--mono);\n    font-size: 11px;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n    color: var(--sage);\n    opacity: .9;\n  }\n  .atmospheric-banner .atm-quote{\n    font-family: var(--serif);\n    font-style: italic;\n    font-weight: 500;\n    font-size: clamp(18px, 2.2vw, 30px);\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n    max-width: 600px;\n  }\n\n  \/* PROBLEM IDENTIFICATION *\/\n  .problem-section{ padding: 100px 0;}\n  .problem-head{\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 56px;\n  }\n  .problem-head .eyebrow{\n    display: inline-block;\n    margin-bottom: 18px;\n  }\n  .problem-head h2{\n    font-size: clamp(28px, 4vw, 52px);\n    margin: 0;\n    color: var(--ink);\n    line-height: 1.1;\n  }\n  .problem-grid{\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    margin-bottom: 56px;\n  }\n  .problem-card{\n    background: var(--paper);\n    border: 1px solid var(--line);\n    border-radius: 6px;\n    padding: 32px 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n  .problem-card .problem-tag{\n    font-family: var(--serif);\n    font-style: italic;\n    font-weight: 500;\n    font-size: 16px;\n    color: var(--green);\n  }\n  .problem-card p{\n    margin: 0;\n    color: var(--ink-soft);\n    font-size: 15px;\n    line-height: 1.6;\n  }\n  .problem-bridge{\n    text-align: center;\n    max-width: 620px;\n    margin: 0 auto;\n    padding-top: 32px;\n    position: relative;\n  }\n  .problem-bridge .bridge-line{\n    display: block;\n    width: 1px;\n    height: 36px;\n    background: var(--green);\n    margin: 0 auto 24px;\n  }\n  .problem-bridge p{\n    font-family: var(--serif);\n    font-style: italic;\n    font-weight: 500;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--ink);\n    margin: 0;\n    letter-spacing: -0.01em;\n  }\n\n  \/* SUCCESS VISION *\/\n  .vision{ padding: 100px 0;}\n  .vision-inner{\n    background: var(--paper);\n    border: 1px solid var(--line);\n    border-radius: 6px;\n    padding: 64px 72px;\n    max-width: 920px;\n    margin: 0 auto;\n    text-align: center;\n    position: relative;\n  }\n  .vision-eyebrow{\n    font-family: var(--mono);\n    font-size: 11px;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n    color: var(--green);\n    margin-bottom: 18px;\n  }\n  .vision-title{\n    font-family: var(--serif);\n    font-weight: 600;\n    font-size: clamp(28px, 4vw, 50px);\n    line-height: 1.1;\n    letter-spacing: -0.025em;\n    margin: 0 0 48px;\n    color: var(--ink);\n  }\n  .vision-title em{\n    font-style: italic;\n    color: var(--green);\n    font-weight: 600;\n  }\n  .vision-list{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 28px 40px;\n    margin-bottom: 48px;\n    text-align: left;\n  }\n  .vision-item{\n    display: grid;\n    grid-template-columns: 36px 1fr;\n    gap: 14px;\n    align-items: start;\n  }\n  .vision-num{\n    font-family: var(--serif);\n    font-style: italic;\n    font-weight: 500;\n    font-size: 22px;\n    color: var(--green);\n    line-height: 1.2;\n  }\n  .vision-item p{\n    margin: 0;\n    color: var(--ink-soft);\n    font-size: 15.5px;\n    line-height: 1.6;\n  }\n  .vision-cta{\n    border-top: 1px solid var(--line);\n    padding-top: 36px;\n  }\n  .vision-quiet{\n    font-family: var(--serif);\n    font-style: italic;\n    font-size: 17px;\n    color: var(--ink-soft);\n    margin: 0 auto 22px;\n    max-width: 560px;\n  }\n  .vision-btn{\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: #ECE7D7;\n    color: #1F2A18;\n    padding: 14px 24px;\n    border-radius: 999px;\n    font-size: 14.5px;\n    font-weight: 500;\n    text-decoration: none;\n    transition: background .2s, transform .15s;\n    min-height: 48px;\n  }\n  .vision-btn:hover{\n    background: var(--green);\n    transform: translateY(-1px);\n  }\n  .vision-btn .arrow{ transition: transform .2s;}\n  .vision-btn:hover .arrow{ transform: translateX(3px);}\n\n  \/* STAKES *\/\n  .stakes{\n    padding: 60px 0 40px;\n    text-align: center;\n  }\n  .stakes-inner{\n    max-width: 680px;\n    margin: 0 auto;\n  }\n  .stakes-mark{\n    font-family: var(--serif);\n    font-size: 64px;\n    color: var(--green);\n    line-height: 0.5;\n    margin-bottom: 22px;\n    opacity: 0.7;\n  }\n  .stakes-line{\n    font-family: var(--serif);\n    font-weight: 500;\n    font-size: clamp(18px, 2.4vw, 28px);\n    line-height: 1.4;\n    letter-spacing: -0.01em;\n    color: var(--ink-soft);\n    margin: 0 0 14px;\n  }\n  .stakes-line-or{\n    color: var(--ink);\n    margin-top: 18px;\n  }\n  .stakes-line-or em{\n    font-style: italic;\n    color: var(--green);\n    font-weight: 500;\n  }\n\n  \/* MODULES \u2014 9 chapters of the planner *\/\n  .modules{\n    display:grid; grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n  .module{\n    background: #EFEAD9;\n    color: #1F2A18;\n    border: 1px solid rgba(31,42,24,.18);\n    border-radius: 4px;\n    padding: 26px 24px 26px;\n    display:flex; flex-direction:column; gap: 10px;\n    transition: background .2s, transform .2s;\n  }\n  .module:hover{ background: #E5DFCB; transform: translateY(-2px);}\n  .module .mn{\n    font-family: var(--mono);\n    font-size: 10px; letter-spacing:.2em;\n    text-transform: uppercase; color: #4A5C3D;\n  }\n  .module h4{\n    font-family: var(--serif); font-weight: 600;\n    font-size: 20px; letter-spacing: -0.01em;\n    line-height: 1.2; margin: 0;\n  }\n  .module h4 em{ font-style: italic; color: #4A5C3D; font-weight: 500;}\n  .module p{\n    margin: 0; font-size: 13.5px; color: rgba(31,42,24,.7);\n    line-height: 1.5;\n  }\n  .module ul{\n    margin: 4px 0 0; padding: 0; list-style: none;\n    display:flex; flex-direction:column; gap: 4px;\n    font-size: 13px; color: rgba(31,42,24,.7);\n  }\n  .module li{ padding-left: 14px; position: relative;}\n  .module li::before{\n    content: \"\u00b7\"; position: absolute; left: 4px; color: #4A5C3D;\n    font-weight: bold;\n  }\n\n  \/* DAILY PAGE PREVIEW *\/\n  .preview{\n    display:grid; grid-template-columns: 1fr 1.1fr;\n    gap: 60px; align-items: center;\n  }\n  .preview-text .label{\n    font-family:'Inter', system-ui, sans-serif;\n    font-size: 10.5px; letter-spacing:.18em;\n    text-transform:uppercase; color: var(--green);\n    margin-bottom: 14px;\n  }\n  .preview-text h3{\n    font-family: var(--serif); font-weight: 600;\n    font-size: clamp(28px, 3.8vw, 52px);\n    line-height: 1.05; letter-spacing: -0.025em;\n    margin: 0 0 22px;\n  }\n  .preview-text h3 em{ color: var(--green); font-style: italic; font-weight: 600;}\n  .preview-text p{ color: var(--ink-soft); margin: 0 0 16px; font-size: 16px;}\n  .preview-text ul{\n    list-style:none; margin: 18px 0 0; padding: 0;\n    display:flex; flex-direction:column; gap: 10px;\n  }\n  .preview-text li{\n    padding-left: 22px; position:relative; font-size: 15px;\n  }\n  .preview-text li::before{\n    content:\"\"; position:absolute;\n    left: 0; top: 10px;\n    width: 12px; height:1px; background: var(--green);\n  }\n\n  \/* planner page mock *\/\n  .planner{\n    background: #EFEAD9;\n    color: #1F2A18;\n    border: 1px solid rgba(31,42,24,.18);\n    border-radius: 4px;\n    padding: 36px 36px 40px;\n    aspect-ratio: 3\/4;\n    display:flex; flex-direction:column;\n    box-shadow: 0 30px 60px -10px rgba(0,0,0,.5);\n    position: relative;\n    overflow: hidden;\n  }\n  .planner .planner-head{ border-bottom-color: rgba(31,42,24,.32) !important;}\n  .planner .planner-head .date{ color: rgba(31,42,24,.6) !important;}\n  .planner .planner-row .l,\n  .planner .planner-priority .l,\n  .planner .planner-block .l{ background: rgba(31,42,24,.32) !important;}\n  .planner .planner-row .box{ border-color: rgba(31,42,24,.45) !important;}\n  .planner .planner-section[style*=\"border-top\"]{ border-top-color: rgba(31,42,24,.32) !important;}\n  .planner .planner-section[style*=\"background:var(--line)\"],\n  .planner div[style*=\"background:var(--line)\"]{ background: rgba(31,42,24,.32) !important;}\n  .planner .planner-section h5{ color: #2D3A26 !important;}\n  .planner .planner-head .day{ color: #1F2A18 !important;}\n  .planner .planner-head .day em{ color: #4A5C3D !important;}\n  .planner .planner-row .num{ color: #4A5C3D !important;}\n  .planner .planner-priority .pri{ color: #4A5C3D !important;}\n  .planner .planner-pomodoro .tom{ border-color: #4A5C3D !important;}\n  .planner .planner-pomodoro .tom.full{ background: #4A5C3D !important;}\n  .planner .planner-row .box.done{ background: #4A5C3D !important; border-color: #4A5C3D !important;}\n  .planner .planner-row .box.done::after{ color: #EFEAD9 !important;}\n  .planner-head{\n    display:flex; justify-content:space-between; align-items:baseline;\n    border-bottom: 1px solid var(--line);\n    padding-bottom: 14px; margin-bottom: 18px;\n    gap: 12px;\n  }\n  .planner-head .day{\n    font-family: var(--serif); font-weight: 600;\n    font-size: 28px; letter-spacing: -0.02em;\n  }\n  .planner-head .day em{ font-style: italic; color: var(--green);}\n  .planner-head .date{\n    font-family: var(--mono);\n    font-size: 9.5px; letter-spacing:.18em;\n    text-transform:uppercase; color: var(--ink-soft);\n  }\n  .planner-section{ margin-bottom: 14px;}\n  .planner-section h5{\n    font-family: var(--serif); font-style: italic;\n    font-weight: 500; font-size: 14px; margin: 0 0 8px;\n    color: var(--green-deep);\n  }\n  .planner-row{\n    display:flex; align-items:center; gap: 8px;\n    margin-bottom: 6px;\n  }\n  .planner-row .box{\n    width: 12px; height: 12px;\n    border: 1px solid var(--line-strong);\n    border-radius: 2px; flex-shrink: 0;\n  }\n  .planner-row .box.done{\n    background: var(--green); border-color: var(--green);\n    position: relative;\n  }\n  .planner-row .box.done::after{\n    content: \"\u2713\"; position: absolute;\n    inset: 0; color: #1F2A18; font-size: 9px;\n    display: grid; place-items: center; line-height: 1;\n  }\n  .planner-row .num{\n    font-family: var(--serif); font-style:italic;\n    font-size: 12px; color: var(--green);\n    width: 18px;\n    flex-shrink: 0;\n  }\n  .planner-row .l{ flex: 1; height: 1px; background: var(--line);}\n  .planner-grid-2{\n    display:grid; grid-template-columns: 1fr 1fr; gap: 18px;\n    margin-bottom: 14px;\n  }\n  .planner-block .l{ height: 1px; background: var(--line); margin-bottom: 7px;}\n  .planner-priority{\n    display:grid; grid-template-columns: 28px 1fr;\n    gap: 8px; margin-bottom: 6px; align-items: center;\n  }\n  .planner-priority .pri{\n    font-family: var(--serif); font-style: italic;\n    font-size: 16px; font-weight: 500; color: var(--green);\n    text-align: center;\n  }\n  .planner-priority .l{ height: 1px; background: var(--line);}\n  .planner-pomodoro{\n    display: flex; gap: 6px;\n    margin-top: 8px;\n  }\n  .planner-pomodoro .tom{\n    width: 14px; height: 14px; border-radius: 50%;\n    border: 1.2px solid var(--green);\n  }\n  .planner-pomodoro .tom.full{ background: var(--green);}\n\n  \/* PAGES PEEK *\/\n  .pages-peek{\n    display: grid; grid-template-columns: repeat(4, 1fr);\n    gap: 28px;\n    padding: 24px 0 40px;\n  }\n  .page-card{\n    margin: 0;\n    background: #EFEAD9;\n    padding: 16px 16px 20px;\n    border-radius: 2px;\n    box-shadow:\n      0 30px 60px -20px rgba(0,0,0,.55),\n      0 8px 16px -4px rgba(0,0,0,.3);\n    position: relative;\n    transition: transform .35s ease, box-shadow .35s ease;\n    transform-origin: center top;\n  }\n  .page-card.pc1{ transform: rotate(-2.4deg);}\n  .page-card.pc2{ transform: rotate(1.6deg) translateY(14px);}\n  .page-card.pc3{ transform: rotate(-1.2deg) translateY(8px);}\n  .page-card.pc4{ transform: rotate(2.2deg);}\n  .page-card:hover{\n    transform: rotate(0) translateY(-6px);\n    box-shadow: 0 50px 80px -20px rgba(0,0,0,.65), 0 12px 20px rgba(0,0,0,.35);\n    z-index: 2;\n  }\n  .page-card img{\n    width: 100%; aspect-ratio: 3\/4; object-fit: cover;\n    display: block; background: #f6f3ea;\n    border: 1px solid rgba(31,42,24,.08);\n  }\n  .page-card figcaption{\n    margin-top: 14px;\n    font-family: var(--serif); font-style: italic;\n    font-size: 14px; color: #2D3A26;\n    text-align: center;\n    letter-spacing: .01em;\n  }\n  .page-tape{\n    position: absolute; top: -10px; left: 50%;\n    transform: translateX(-50%) rotate(-2deg);\n    width: 70px; height: 18px;\n    background: rgba(212,177,118,.55);\n    backdrop-filter: blur(2px);\n    box-shadow: 0 2px 4px rgba(0,0,0,.15);\n    z-index: 2;\n  }\n  .page-card.pc2 .page-tape{ transform: translateX(-50%) rotate(3deg); background: rgba(200,210,180,.55);}\n  .page-card.pc3 .page-tape{ transform: translateX(-50%) rotate(-3deg); background: rgba(212,177,118,.5);}\n  .page-card.pc4 .page-tape{ transform: translateX(-50%) rotate(4deg); background: rgba(200,210,180,.5);}\n\n  @media (max-width: 900px){\n    .pages-peek{ grid-template-columns: 1fr 1fr; gap: 32px 22px; padding: 24px 0 32px;}\n    .page-card{ padding: 12px 12px 16px;}\n    .page-card figcaption{ font-size: 13px; margin-top: 12px;}\n    .page-tape{ width: 56px; height: 16px; top: -8px;}\n  }\n  @media (max-width: 380px){\n    .pages-peek{ gap: 24px 14px;}\n  }\n\n  \/* MATRIX (Eisenhower preview) *\/\n  .matrix{\n    background: var(--cream-2);\n    border-radius: 6px;\n    padding: 60px 56px;\n    overflow: hidden;\n    position: relative;\n  }\n  .matrix-head{\n    display:grid; grid-template-columns: 1fr 1.4fr;\n    gap: 56px; align-items:end; margin-bottom: 36px;\n  }\n  .matrix-head h3{\n    font-family: var(--serif); font-weight: 600;\n    font-size: clamp(28px, 3.8vw, 52px);\n    line-height: 1.05; letter-spacing: -0.025em;\n    margin: 12px 0 0;\n  }\n  .matrix-head h3 em{ color: var(--green); font-style: italic; font-weight: 600;}\n  .matrix-head p{ color: var(--ink-soft); font-size: 15.5px; margin: 0;}\n\n  .matrix-grid{\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    position: relative;\n  }\n  .matrix-cell{\n    background: var(--paper);\n    border-radius: 4px;\n    padding: 24px 22px;\n    min-height: 160px;\n    display: flex; flex-direction: column; gap: 10px;\n  }\n  .matrix-cell .lbl{\n    font-family: var(--mono);\n    font-size: 9.5px; letter-spacing: .2em;\n    text-transform: uppercase; color: var(--ink-soft);\n  }\n  .matrix-cell .ttl{\n    font-family: var(--serif); font-weight: 600;\n    font-size: 22px; line-height: 1.15;\n    letter-spacing: -0.01em;\n  }\n  .matrix-cell .ttl em{ color: var(--green); font-style: italic; font-weight: 600;}\n  .matrix-cell .desc{\n    font-size: 13.5px; color: var(--ink-soft);\n    line-height: 1.5; margin-top: auto;\n  }\n  .matrix-cell.q1{ background: var(--green-deep); color: #ECE7D7;}\n  .matrix-cell.q1 .lbl{ color: var(--sage);}\n  .matrix-cell.q1 .ttl em{ color: var(--sage);}\n  .matrix-cell.q1 .desc{ color: rgba(232,229,220,.78);}\n  .matrix-cell.q4{ background: var(--cream-2);}\n\n  \/* TESTIMONIALS *\/\n  .testis{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}\n  .testi{\n    background: var(--paper);\n    border: 1px solid var(--line);\n    border-radius: 4px;\n    padding: 28px 26px;\n    display:flex; flex-direction:column; gap: 14px;\n  }\n  .testi .stars{ display:flex; gap: 3px; color: var(--green);}\n  .testi .stars svg{ width: 13px; height: 13px;}\n  .testi blockquote{\n    margin: 0; font-family: var(--serif);\n    font-weight: 500; font-size: 17px;\n    line-height: 1.45; letter-spacing: -0.005em; color: var(--ink);\n  }\n  .testi .who{\n    margin-top: auto; display:flex; align-items:center; gap: 12px;\n    padding-top: 12px; border-top: 1px solid var(--line);\n  }\n  .testi .avatar{\n    width:36px; height:36px; border-radius:50%;\n    background: var(--sage); color: var(--green-deep);\n    display:grid; place-items:center;\n    font-family: var(--serif); font-weight: 600; font-size: 14px;\n    flex-shrink: 0;\n  }\n  .testi .who-text .name{ font-size:13.5px; font-weight: 500;}\n  .testi .who-text .role{ font-size:11.5px; color: var(--ink-soft); margin-top:2px;}\n\n  \/* FAQ *\/\n  .faq{ border-top: 1px solid var(--line-strong);}\n  details.faq-item{ border-bottom: 1px solid var(--line); padding: 22px 0;}\n  details.faq-item summary{\n    list-style:none; cursor:pointer;\n    display:flex; justify-content: space-between; align-items: center;\n    gap: 24px;\n    font-family: var(--serif); font-weight: 600;\n    font-size: 22px; letter-spacing: -0.01em; color: var(--ink);\n    line-height: 1.3;\n  }\n  details.faq-item summary::-webkit-details-marker{ display:none;}\n  details.faq-item summary::after{\n    content:\"+\"; font-family: var(--serif);\n    font-weight: 400; font-size: 28px;\n    color: var(--green); transition: transform .2s; line-height: 1;\n    flex-shrink: 0;\n  }\n  details.faq-item[open] summary::after{ content:\"\u2212\";}\n  details.faq-item p{\n    margin: 14px 0 4px; color: var(--ink-soft);\n    font-size: 15.5px; line-height: 1.6; max-width: 760px;\n  }\n\n  \/* FINAL \u2014 signup composition (dark green) *\/\n  .signup{\n    position: relative;\n    background:\n      radial-gradient(900px 500px at 85% 20%, rgba(184,148,85,.16), transparent 60%),\n      radial-gradient(700px 600px at 10% 90%, rgba(107,123,90,.18), transparent 65%),\n      linear-gradient(170deg, #2D3A26 0%, #3A4A30 50%, #4A5C3D 100%);\n    color: #ECE7D7;\n    border-radius: 8px;\n    overflow: hidden;\n    padding: 0;\n    isolation: isolate;\n  }\n  .signup::before{\n    content:\"\"; position:absolute; inset:0; pointer-events:none;\n    background-image:\n      radial-gradient(rgba(232,229,220,.04) 1px, transparent 1px),\n      radial-gradient(rgba(232,229,220,.03) 1px, transparent 1px);\n    background-size: 3px 3px, 7px 7px;\n    background-position: 0 0, 1px 2px;\n    mix-blend-mode: overlay;\n  }\n  .signup::after{\n    content:\"\"; position:absolute;\n    top: -200px; right: -100px; width: 700px; height: 700px;\n    background: radial-gradient(circle, rgba(200,210,180,.16), transparent 60%);\n    pointer-events:none;\n  }\n\n  .signup-grid{\n    position: relative; z-index: 2;\n    display: grid; grid-template-columns: 1.05fr 1fr;\n    align-items: center;\n    gap: 0;\n    min-height: 640px;\n  }\n\n  .signup-photo{\n    position: relative;\n    height: 100%;\n    min-height: 640px;\n    padding: 64px 40px 64px 64px;\n    display: flex; align-items: center; justify-content: center;\n  }\n  .signup-photo-frame{\n    position: relative;\n    width: 100%; max-width: 420px;\n    aspect-ratio: 4\/5;\n    transform: rotate(-3deg);\n    filter: drop-shadow(0 30px 50px rgba(0,0,0,.5));\n    background: var(--paper);\n    border: 14px solid var(--paper);\n    border-bottom-width: 56px;\n  }\n  .signup-photo-frame .pcover-img{\n    width: 100%; height: 100%; display: block;\n    object-fit: cover; object-position: center;\n  }\n  .signup-photo-frame .pcover::before{\n    content: \"\"; position: absolute; inset: 16px;\n    border: 1px solid rgba(232,229,220,.25); pointer-events: none;\n  }\n  .signup-photo-frame .pcover .top{\n    font-family: var(--mono); font-size: 9.5px;\n    letter-spacing: .22em; text-transform: uppercase;\n    opacity: .75; position: relative;\n  }\n  .signup-photo-frame .pcover .mid{\n    position: relative;\n  }\n  .signup-photo-frame .pcover .mid .a{\n    font-family: var(--serif); font-style: italic;\n    font-size: 14px; letter-spacing: .01em; opacity: .7;\n    margin-bottom: 8px;\n  }\n  .signup-photo-frame .pcover .mid .b{\n    font-family: var(--serif); font-weight: 500;\n    font-size: 44px; line-height: 1; letter-spacing: -0.02em;\n  }\n  .signup-photo-frame .pcover .mid .b em{\n    font-style: italic; color: var(--sage);\n  }\n  .signup-photo-frame .pcover .bot{\n    font-family: var(--mono); font-size: 9.5px;\n    letter-spacing: .2em; text-transform: uppercase;\n    opacity: .75; position: relative;\n    display: flex; justify-content: space-between;\n  }\n  .signup-photo-frame::after{\n    content:\"F\u00f3kusz Tervez\u0151 \u00b7 N\u0151i Vezet\u0151k \u00b7 2026\";\n    position: absolute; left: 50%; bottom: -42px;\n    transform: translateX(-50%);\n    font-family: var(--mono);\n    font-size: 10px; letter-spacing:.14em;\n    color: var(--ink-soft); text-transform: uppercase;\n    white-space: nowrap;\n  }\n  .signup-tape{\n    position: absolute;\n    width: 130px; height: 26px;\n    background: repeating-linear-gradient(45deg,\n      rgba(200,210,180,.85) 0 8px,\n      rgba(181,194,155,.85) 8px 16px);\n    box-shadow: 0 4px 10px rgba(0,0,0,.25);\n  }\n  .signup-tape.t1{ top: -14px; left: 18%; transform: rotate(-8deg);}\n  .signup-tape.t2{ bottom: 60px; right: -20px; transform: rotate(82deg);\n    background: repeating-linear-gradient(45deg,\n      rgba(184,148,85,.8) 0 8px,\n      rgba(74,92,61,.8) 8px 16px);\n    width: 90px;\n  }\n\n  .signup-chip{\n    position: absolute;\n    background: var(--paper);\n    color: var(--ink);\n    padding: 10px 14px;\n    border-radius: 4px;\n    font-family: var(--serif);\n    font-size: 14px; font-style: italic;\n    box-shadow: 0 8px 20px rgba(0,0,0,.3);\n    z-index: 3;\n  }\n  .signup-chip .num{\n    font-family: var(--mono);\n    font-size: 9px; letter-spacing:.16em;\n    text-transform:uppercase; color: var(--green);\n    display:block; margin-bottom: 2px;\n    font-style: normal;\n  }\n  .signup-chip.c1{ top: 80px; right: 30px; transform: rotate(6deg);}\n  .signup-chip.c2{ bottom: 100px; left: 20px; transform: rotate(-5deg);\n    background: var(--sage);\n  }\n  .signup-chip.c3{ top: 50%; right: -20px; transform: rotate(3deg);\n    font-size: 12px; padding: 8px 12px;\n    font-family: var(--mono); font-style: normal;\n    letter-spacing:.06em;\n  }\n\n  .signup-content{\n    padding: 64px 64px 64px 40px;\n    position: relative;\n  }\n  .signup-eyebrow{\n    display: inline-flex; align-items:center; gap: 10px;\n    font-family: var(--mono);\n    font-size: 11px; letter-spacing:.18em;\n    text-transform: uppercase;\n    color: var(--sage);\n    padding: 8px 14px;\n    border: 1px solid rgba(200,210,180,.3);\n    border-radius: 999px;\n    margin-bottom: 28px;\n  }\n  .signup-eyebrow .dot{\n    width: 6px; height: 6px; border-radius: 50%;\n    background: var(--sage-2);\n    box-shadow: 0 0 12px var(--sage);\n    animation: pulse 2.4s ease-in-out infinite;\n  }\n  @keyframes pulse{\n    0%,100%{ opacity: 1; transform: scale(1);}\n    50%{ opacity: .5; transform: scale(.85);}\n  }\n  .signup-content h2{\n    font-family: var(--serif); font-weight: 600;\n    font-size: clamp(30px, 4.4vw, 60px);\n    line-height: 1.05; letter-spacing: -0.025em;\n    margin: 0 0 22px;\n    color: #ECE7D7;\n  }\n  .signup-content h2 em{\n    font-style: italic; color: var(--sage);\n    font-weight: 600;\n  }\n  .signup-content > p{\n    color: rgba(232,229,220,.78);\n    font-size: 16px; line-height: 1.6;\n    max-width: 460px;\n    margin: 0 0 32px;\n  }\n\n  .signup-form{\n    display: flex; gap: 8px;\n    flex-wrap: wrap;\n    background: var(--paper);\n    padding: 8px;\n    border-radius: 28px;\n    box-shadow: 0 20px 40px rgba(0,0,0,.3);\n    margin-bottom: 18px;\n  }\n  .signup-form .signup-form-name{\n    flex: 1 0 100%;\n    border-bottom: 1px solid rgba(31,26,20,.08) !important;\n    padding-bottom: 14px !important;\n  }\n  .signup-form input{\n    flex: 1;\n    border: 0; background: transparent;\n    padding: 14px 20px;\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    color: var(--ink);\n    outline: none;\n    min-width: 0;\n    -webkit-appearance: none;\n  }\n  .signup-form input::placeholder{ color: rgba(236,231,215,.4);}\n  .signup-form button{\n    background: #ECE7D7;\n    color: #1F2A18;\n    padding: 14px 22px;\n    border-radius: 999px;\n    font-size: 14px; font-weight: 500;\n    display:inline-flex; align-items:center; gap: 8px;\n    transition: background .2s, transform .2s;\n    white-space: nowrap;\n    min-height: 48px;\n  }\n  .signup-form button:hover{ background: var(--green); transform: translateX(2px);}\n\n  .signup-meta{\n    display: flex; gap: 18px; flex-wrap: wrap;\n    font-family: var(--mono);\n    font-size: 11px; letter-spacing:.12em;\n    text-transform: uppercase;\n    color: rgba(232,229,220,.6);\n  }\n  .signup-meta span{ display:inline-flex; align-items:center; gap:6px;}\n  .signup-meta svg{ color: var(--sage); flex-shrink: 0;}\n\n  .signup-stamp{\n    position: absolute;\n    bottom: 40px; right: 56px;\n    width: 110px; height: 110px;\n    border: 1.5px solid rgba(200,210,180,.4);\n    border-radius: 50%;\n    display: flex; flex-direction: column;\n    align-items: center; justify-content: center;\n    transform: rotate(-12deg);\n    color: var(--sage);\n    font-family: var(--serif);\n    text-align: center;\n    z-index: 3;\n  }\n  .signup-stamp .big{\n    font-size: 32px; font-style: italic; font-weight: 500;\n    line-height: 1;\n  }\n  .signup-stamp .lab{\n    font-family: var(--mono);\n    font-size: 8px; letter-spacing:.18em;\n    text-transform:uppercase;\n    margin-top: 4px;\n  }\n\n  \/* SUCCESS STATE *\/\n  body[data-submitted=\"1\"] .form-state{ display:none;}\n  .success-state{ display:none;}\n  body[data-submitted=\"1\"] .success-state{\n    display:flex; flex-direction:column; gap: 14px; align-items:flex-start;\n  }\n  .success-state .check{\n    width: 48px; height:48px; border-radius:50%;\n    background: var(--sage); color: var(--green-deep);\n    display:grid; place-items:center;\n  }\n  .success-state h3{\n    font-family: var(--serif); font-weight: 600;\n    font-size: 28px; margin: 0;\n    color: #ECE7D7; letter-spacing: -0.01em;\n  }\n  .success-state p{ margin: 0; color: rgba(232,229,220,.7); font-size: 14.5px;}\n\n  \/* FOOTER *\/\n  footer{\n    margin-top: 80px;\n    padding: 36px 0 40px;\n    border-top: 1px solid var(--line);\n    font-size: 13px;\n    color: var(--ink-soft);\n    display: flex; justify-content: space-between; align-items: center;\n    flex-wrap: wrap; gap: 14px;\n  }\n  footer .foot-brand{\n    font-family: var(--serif); font-style: italic; font-size: 16px;\n    color: var(--ink);\n  }\n\n  \/* \u2500\u2500\u2500 TABLET \u2500\u2500\u2500 *\/\n  @media (max-width: 1100px){\n    .hero-grid{ gap: 40px;}\n    .features{ grid-template-columns: 1fr 1fr;}\n    .feat:last-child{ grid-column: 1\/-1;}\n    .principles{ grid-template-columns: repeat(2, 1fr);}\n    .modules{ grid-template-columns: 1fr 1fr;}\n    .signup-photo{ padding: 48px 32px 48px 48px;}\n    .signup-content{ padding: 48px 48px 48px 24px;}\n  }\n\n  \/* \u2500\u2500\u2500 MOBIL \u2500\u2500\u2500 *\/\n  @media (max-width: 980px){\n    section{ padding: 64px 0;}\n    section.tight{ padding: 48px 0;}\n\n    .wrap, .wrap-tight, .wrap-narrow{ padding: 0 20px;}\n\n    nav.top{ padding: 16px 0;}\n    .nav-links{ display:none;}\n    .brand-name{ font-size: 16px;}\n    .brand-name small{ font-size: 8.5px;}\n    .nav-cta{ padding: 10px 14px; font-size: 12.5px;}\n\n    .hero{ padding: 32px 0 48px;}\n    .hero-grid{ grid-template-columns: 1fr; gap: 36px;}\n    .hero-left{ padding-right: 0;}\n    .hero-meta{ gap: 10px; margin-bottom: 22px;}\n    .pill{ font-size: 11.5px; padding: 6px 12px 6px 8px;}\n    .label-it{ font-size: 13px;}\n    .hero h1{ margin: 0 0 18px;}\n    .hero h1 .small{ font-size: 0.55em; margin-bottom: 6px;}\n    .hero-sub{ font-size: 16px; margin-bottom: 28px;}\n    .hero-stats{ gap: 12px; padding: 18px 0; margin-top: 12px;}\n    .stat .n{ font-size: 26px;}\n    .stat .l{ font-size: 11px;}\n    .hero-right{ min-height: 0; max-width: 560px; margin: 0 auto; width: 100%;}\n    .hero-photo{ height: auto;}\n    .hero-photo img{ height: auto; object-fit: contain;}\n    .ebook-badge{\n      width: 160px; padding: 14px;\n      bottom: -24px; left: auto; right: 12px;\n    }\n    .ebook-badge-cap .t{ font-size: 12px;}\n    .ebook-badge-cap .pages{ font-size: 20px;}\n    .hero-tag{ font-size: 9.5px; padding: 6px 10px; top: 16px; left: 16px;}\n\n    .capture{\n      margin-top: 56px;\n      padding: 32px 24px;\n      grid-template-columns: 1fr;\n      gap: 24px;\n      border-radius: 6px;\n    }\n    .capture h2{ font-size: 26px; line-height: 1.15;}\n    .capture p{ font-size: 14px;}\n    .capture form{ grid-template-columns: 1fr; gap: 10px;}\n    .check-row{ gap: 14px; font-size: 12px; margin-top: 14px;}\n\n    .sec-head{ grid-template-columns: 1fr; gap: 14px; margin-bottom: 36px;}\n    .sec-head h2{ margin: 8px 0 0;}\n    .sec-head p{ font-size: 15px;}\n\n    .problem-section{ padding: 64px 0;}\n    .problem-head{ margin-bottom: 36px;}\n    .problem-head h2{ font-size: clamp(26px, 6vw, 38px);}\n    .problem-grid{ grid-template-columns: 1fr; gap: 14px; margin-bottom: 36px;}\n    .problem-card{ padding: 24px 22px;}\n    .problem-bridge p{ font-size: 18px;}\n\n    .features{ grid-template-columns: 1fr; border-radius: 6px;}\n    .feat{ padding: 28px 24px 28px; min-height: auto;}\n    .feat:last-child{ grid-column: auto;}\n    .feat h3{ font-size: 19px;}\n\n    .principles{ grid-template-columns: 1fr; gap: 12px;}\n    .principle{ min-height: auto; padding: 24px 22px;}\n\n    .story{ grid-template-columns: 1fr; padding: 36px 24px; gap: 28px;}\n    .story .quote-mark{ font-size: 100px;}\n    .story h3{ font-size: 24px;}\n    .story p{ font-size: 15px;}\n    .story-sign{ font-size: 15px;}\n\n    .atmospheric-banner img{ height: 280px;}\n    .atmospheric-banner figcaption{ padding: 28px 20px 22px;}\n    .atmospheric-banner .atm-quote{ font-size: 18px;}\n\n    .preview{ grid-template-columns: 1fr; gap: 36px;}\n    .preview-text h3{ font-size: clamp(26px, 6vw, 38px);}\n    .preview-text p{ font-size: 15px;}\n    .planner{ padding: 28px 24px 32px; aspect-ratio: auto;}\n    .planner-head .day{ font-size: 24px;}\n    .planner-head .date{ font-size: 9.5px;}\n    .planner-section h5{ font-size: 13px;}\n\n    .modules{ grid-template-columns: 1fr; gap: 12px;}\n    .module{ padding: 22px 20px;}\n    .module h4{ font-size: 18px;}\n\n    .matrix{ padding: 32px 20px;}\n    .matrix-head{ grid-template-columns: 1fr; gap: 14px; margin-bottom: 24px;}\n    .matrix-grid{ grid-template-columns: 1fr; gap: 10px;}\n    .matrix-cell{ padding: 22px 20px; min-height: auto;}\n\n    .vision{ padding: 64px 0;}\n    .vision-inner{ padding: 36px 24px; border-radius: 6px;}\n    .vision-eyebrow{ font-size: 10.5px;}\n    .vision-title{ font-size: clamp(26px, 6vw, 36px); margin: 0 0 32px;}\n    .vision-list{ grid-template-columns: 1fr; gap: 20px; margin-bottom: 32px;}\n    .vision-item{ grid-template-columns: 30px 1fr; gap: 10px;}\n    .vision-num{ font-size: 18px;}\n    .vision-item p{ font-size: 14.5px;}\n\n    .testis{ grid-template-columns: 1fr; gap: 14px;}\n    .testi{ padding: 24px 22px;}\n    .testi blockquote{ font-size: 16px;}\n\n    .stakes{ padding: 40px 0 24px;}\n    .stakes-mark{ font-size: 48px;}\n    .stakes-line{ font-size: 17px;}\n\n    details.faq-item{ padding: 18px 0;}\n    details.faq-item summary{ font-size: 17px; gap: 14px;}\n    details.faq-item summary::after{ font-size: 24px;}\n    details.faq-item p{ font-size: 14.5px;}\n\n    .signup-grid{ grid-template-columns: 1fr; min-height: auto;}\n    .signup-photo{\n      padding: 48px 28px 24px;\n      min-height: auto;\n    }\n    .signup-photo-frame{ max-width: 280px;}\n    .signup-content{ padding: 8px 28px 48px;}\n    .signup-stamp{ display: none;}\n    .signup-eyebrow{ margin-bottom: 20px; font-size: 10.5px;}\n    .signup-content h2{ font-size: clamp(28px, 6.5vw, 42px); margin-bottom: 18px;}\n    .signup-content > p{ font-size: 15px; margin-bottom: 24px;}\n\n    .signup-chip{\n      font-size: 12px; padding: 7px 10px;\n      box-shadow: 0 6px 16px rgba(0,0,0,.25);\n    }\n    .signup-chip .num{ font-size: 8px; letter-spacing: .14em;}\n    .signup-chip.c1{ top: 6%; right: 2%; transform: rotate(6deg);}\n    .signup-chip.c2{ bottom: 22%; left: 2%; transform: rotate(-5deg);}\n    .signup-chip.c3{ top: 50%; right: 0; transform: rotate(3deg); font-size: 10.5px; padding: 6px 10px;}\n  }\n\n  \/* \u2500\u2500\u2500 KIS MOBIL \u2500\u2500\u2500 *\/\n  @media (max-width: 560px){\n    .wrap, .wrap-tight, .wrap-narrow{ padding: 0 16px;}\n\n    nav.top{ padding: 14px 0;}\n    .brand{ gap: 10px;}\n    .brand-mark{ width: 30px; height: 30px; font-size: 16px;}\n    .brand-name{ font-size: 15px;}\n    .brand-name small{ font-size: 8px;}\n    .nav-cta{ padding: 9px 12px; font-size: 12px;}\n\n    .hero{ padding: 24px 0 40px;}\n    .hero h1{ font-size: clamp(32px, 9vw, 56px);}\n    .hero-sub{ font-size: 15px;}\n    .hero-stats{ grid-template-columns: 1fr 1fr; gap: 18px;}\n    .stat:nth-child(3){ grid-column: 1\/-1;}\n    .stat .n{ font-size: 24px;}\n    .hero-right{ min-height: 0; max-width: 100%; margin: 0 auto; width: 100%;}\n    .hero-photo{ height: auto;}\n    .hero-photo img{ height: auto; object-fit: contain;}\n    .ebook-badge{ width: 130px; padding: 12px;}\n    .ebook-badge-cap .pages{ font-size: 18px;}\n\n    .capture{ padding: 28px 20px;}\n    .capture h2{ font-size: 22px;}\n\n    .problem-card{ padding: 22px 20px;}\n\n    .story{ padding: 28px 20px;}\n    .story .quote-mark{ font-size: 80px;}\n\n    .signup-form{ flex-direction: column; border-radius: 16px; padding: 10px;}\n    .signup-form input{ padding: 14px 16px;}\n    .signup-form button{ justify-content: center; padding: 14px 22px;}\n    .signup-tape.t2{ display: none;}\n    .signup-photo{ padding: 36px 24px 16px;}\n    .signup-photo-frame{ max-width: 220px;}\n    .signup-content{ padding: 4px 24px 40px;}\n\n    .planner{ padding: 24px 20px 28px;}\n    .planner-head{ flex-direction: column; align-items: flex-start; gap: 6px;}\n    .planner-grid-2{ grid-template-columns: 1fr; gap: 14px;}\n  }\n\n  @media (max-width: 380px){\n    .hero h1{ font-size: 30px;}\n    .hero-meta{ flex-direction: column; align-items: flex-start;}\n    .capture h2{ font-size: 20px;}\n    .nav-cta{ padding: 8px 10px; font-size: 11px;}\n    .brand-name small{ display: none;}\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"nv-fokusz-landing\">\n<div class=\"wrap\">\n\n  <!-- NAV -->\n  <nav class=\"top\">\n    <div class=\"brand\">\n      <div class=\"brand-mark\">N<\/div>\n      <div class=\"brand-name\">\n        N\u0151i Vezet\u0151k\n        <small>F\u00f3kusz Tervez\u0151 \u00b7 30 oldal<\/small>\n      <\/div>\n    <\/div>\n    <div class=\"nav-links\">\n      <a href=\"#tortenet\">A t\u00f6rt\u00e9net<\/a>\n      <a href=\"#mit\">Mit tartalmaz<\/a>\n      <a href=\"#alapelvek\">4 alapelv<\/a>\n      <a href=\"#gyik\">GYIK<\/a>\n    <\/div>\n    <a href=\"#letoltes\" class=\"nav-cta\">Let\u00f6lt\u00f6m ingyen \u2192<\/a>\n  <\/nav>\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <div class=\"hero-grid\">\n      <div class=\"hero-left\">\n        <div>\n          <div class=\"hero-meta\">\n            <div class=\"pill\"><span class=\"star\">\u2605<\/span> \u00daj \u00b7 2026 m\u00e1jusi kiad\u00e1s<\/div>\n            <span class=\"label-it\">30 oldal \u00b7 PDF + nyomtathat\u00f3<\/span>\n          <\/div>\n\n          <h1 class=\"display\">\n            <span class=\"small\">A produktivit\u00e1snak nem kell k\u00fczdelemnek lennie.<\/span>\n            Tervezz <em>f\u00f3kusz\u00e1ltan.<\/em>\n          <\/h1>\n\n          <p class=\"hero-sub\">A F\u00f3kusz Tervez\u0151 apr\u00f3, kezelhet\u0151 l\u00e9p\u00e9sekre bontja a c\u00e9ljaidat, hogy a teend\u0151list\u00e1d ne nyomasszon, hanem haladjon. Priorit\u00e1sok, napi f\u00f3kusz, halogat\u00e1s-lek\u00fczd\u00e9s \u00e9s Pomodoro Technika, egy \u00e1tgondolt 30 oldalas rendszerben.<\/p>\n        <\/div>\n\n        <div class=\"hero-stats\">\n          <div class=\"stat\">\n            <div class=\"n\">30<\/div>\n            <div class=\"l\">oldalas vezetett<br\/>tervez\u0151rendszer<\/div>\n          <\/div>\n          <div class=\"stat\">\n            <div class=\"n\">9<\/div>\n            <div class=\"l\">modul: \u00f6nismeret,<br\/>f\u00f3kusz, reflexi\u00f3<\/div>\n          <\/div>\n          <div class=\"stat\">\n            <div class=\"n\">100%<\/div>\n            <div class=\"l\">ingyenes<br\/>let\u00f6lt\u00e9s<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-right\">\n        <div class=\"hero-photo\">\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/openart-gpt-image-2-edit-1_1777916398169_02007f4e-1.webp\"\n            alt=\"F\u00f3kusz Tervez\u0151 \u2014 produkt\u00edv, f\u00f3kusz\u00e1lt reggel\"\n            width=\"600\"\n            height=\"540\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n        <div class=\"hero-tag\">K\u00e9sz\u00edtette \u00b7 N\u0151i Vezet\u0151k<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CAPTURE -->\n  <section id=\"letoltes\" style=\"padding: 0;\">\n    <div class=\"capture\">\n      <div>\n        <div class=\"eyebrow\" style=\"color: var(--sage);\">\u2193 Ingyenes let\u00f6lt\u00e9s<\/div>\n        <h2>Kezdd el ma \u2014<br\/><em style=\"color:var(--sage); font-style:italic;\">harminc nap m\u00falva m\u00e1s temp\u00f3ban \u00e9lsz.<\/em><\/h2>\n        <p>Add meg a neved \u00e9s e-mail c\u00edmed, n\u00e9h\u00e1ny m\u00e1sodperc m\u00falva n\u00e1lad a tervez\u0151.<\/p>\n        <div class=\"check-row\">\n          <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 7\"><\/path><\/svg>0 Ft, \u00f6r\u00f6kre<\/span>\n          <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 7\"><\/path><\/svg>Nyomtathat\u00f3 PDF<\/span>\n          <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 7\"><\/path><\/svg>Nincs spam<\/span>\n        <\/div>\n      <\/div>\n      <div>\n        <form id=\"leadForm\" class=\"form-state\" action=\"https:\/\/noivezetok.us21.list-manage.com\/subscribe\/post?u=c2b07563636248cb13b0bfbf1&amp;id=b6020b852f&amp;f_id=005fbae6f0\" method=\"post\" target=\"mc_hidden_iframe\" novalidate>\n          <input class=\"name\" type=\"text\" name=\"FNAME\" placeholder=\"Keresztneved\" required autocomplete=\"given-name\" \/>\n          <input class=\"email\" type=\"email\" name=\"EMAIL\" placeholder=\"email@cimed.hu\" required autocomplete=\"email\" \/>\n          <div hidden><input type=\"hidden\" name=\"tags\" value=\"3148232\"><\/div>\n          <div aria-hidden=\"true\" style=\"position:absolute;left:-5000px\"><input type=\"text\" name=\"b_c2b07563636248cb13b0bfbf1_b6020b852f\" tabindex=\"-1\" value=\"\"><\/div>\n          <button type=\"submit\" name=\"subscribe\" class=\"full\">\n            K\u00fcldj\u00e9tek el a tervez\u0151t\n            <span class=\"arrow\">\u2192<\/span>\n          <\/button>\n          <div class=\"full capture-fine\">\n            \u21b3 A k\u00fcld\u00e9s gombbal elfogadod az adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3t.\n          <\/div>\n        <\/form>\n        <div class=\"success-state\">\n          <div class=\"check\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12l4 4L19 7\"><\/path><\/svg>\n          <\/div>\n          <h3>K\u00f6sz\u00f6nj\u00fck, <span id=\"firstNameOut\">\u00datit\u00e1rsunk<\/span>!<\/h3>\n          <p>Elk\u00fcldt\u00fck a F\u00f3kusz Tervez\u0151t az e-mail c\u00edmedre. N\u00e9zd meg a SPAM mapp\u00e1t is, ha 1\u20132 percen bel\u00fcl nem \u00e9rkezne meg.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROBLEM IDENTIFICATION -->\n  <section class=\"problem-section tight\" id=\"ismeros\">\n    <div class=\"problem-head\">\n      <div class=\"eyebrow\">Ismer\u0151s?<\/div>\n      <h2 class=\"display\">Hossz\u00fa a teend\u0151list\u00e1d, \u00e9s <em>m\u00e9gis \u00fagy \u00e9rzed,<\/em> nem haladsz.<\/h2>\n    <\/div>\n\n    <div class=\"problem-grid\">\n      <div class=\"problem-card\">\n        <div class=\"problem-tag\">Reggel, amikor le\u00fclsz<\/div>\n        <p>Megnyitod a laptopot. T\u00edz f\u00fcl, h\u00e1rom cseveg\u0151, kett\u0151 hat\u00e1rid\u0151. Valamelyikn\u00e9l k\u00e9ne kezdeni \u2014 \u00e9s pont ez az a pillanat, amikor ink\u00e1bb megnyitod a h\u00edrfeedet. Csak \u00f6t percre. Azt\u00e1n d\u00e9l lett.<\/p>\n      <\/div>\n      <div class=\"problem-card\">\n        <div class=\"problem-tag\">D\u00e9lut\u00e1n, ahogy \u00e9rzed magad<\/div>\n        <p>Elf\u00e1radt\u00e1l \u2014 de nem az\u00e9rt, mert sokat dolgozt\u00e1l. Hanem mert eg\u00e9sz nap v\u00e1ltogattad a f\u00f3kuszt. A multitasking kimer\u00edt, \u00e9s a v\u00e9g\u00e9n az az \u00e9rz\u00e9s marad, hogy b\u00e1rmennyit teljes\u00edtett\u00e9l, mindig kev\u00e9s.<\/p>\n      <\/div>\n      <div class=\"problem-card\">\n        <div class=\"problem-tag\">\u00c9s valahol m\u00e9lyen<\/div>\n        <p>Tudod, hogy nem a motiv\u00e1ci\u00f3val van baj. Nem hi\u00e1nyzik az akarat. Hi\u00e1nyzik egy rendszer, ami nem nyomaszt, csak seg\u00edt apr\u00f3, kezelhet\u0151 l\u00e9p\u00e9sekre bontani azt, ami most egy nagy, megk\u00f6zel\u00edthetetlen halomnak t\u0171nik.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"problem-bridge\">\n      <span class=\"bridge-line\"><\/span>\n      <p>A produktivit\u00e1s sosem v\u00e9letlen. Egy egyszer\u0171 tervez\u00e9si rendszer pontosan ezt a kontroll\u00e9rzetet adja vissza.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- PAGES PEEK -->\n  <section id=\"lapozas\" class=\"tight\" style=\"padding: 60px 0 80px;\">\n    <div class=\"sec-head\">\n      <div>\n        <div class=\"eyebrow\">Belelapoz\u00e1s<\/div>\n      <\/div>\n      <div class=\"sec-head-right\">\n        <h2>N\u00e9h\u00e1ny <em>oldal<\/em> a tervez\u0151b\u0151l.<\/h2>\n        <p style=\"margin-top: 18px;\">Tipogr\u00e1fia, feh\u00e9r t\u00e9r \u00e9s \u00e1tgondolt vezet\u00e9s \u2014 minden oldal egy nyugodt tal\u00e1lkoz\u00e1s \u00f6nmagaddal.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"pages-peek\">\n      <figure class=\"page-card pc1\">\n        <div class=\"page-tape\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/21.avif\" alt=\"Tervez\u0151 oldal \u2014 heti \u00e1ttekint\u00e9s\" loading=\"lazy\"\/>\n        <figcaption>Heti \u00e1ttekint\u00e9s<\/figcaption>\n      <\/figure>\n      <figure class=\"page-card pc2\">\n        <div class=\"page-tape\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/6.avif\" alt=\"Tervez\u0151 oldal \u2014 napi terv\" loading=\"lazy\"\/>\n        <figcaption>Napi terv<\/figcaption>\n      <\/figure>\n      <figure class=\"page-card pc3\">\n        <div class=\"page-tape\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/Hungarian.avif\" alt=\"Tervez\u0151 oldal \u2014 modul nyit\u00f3oldal\" loading=\"lazy\"\/>\n        <figcaption>Modul nyit\u00f3oldal<\/figcaption>\n      <\/figure>\n      <figure class=\"page-card pc4\">\n        <div class=\"page-tape\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/Hungarian-2.avif\" alt=\"Tervez\u0151 oldal \u2014 reflexi\u00f3\" loading=\"lazy\"\/>\n        <figcaption>Reflexi\u00f3<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <!-- WHY -->\n  <section id=\"miert\">\n    <div class=\"sec-head\">\n      <div>\n        <div class=\"eyebrow\">01 \u00b7 Mi\u00e9rt m\u0171k\u00f6dik<\/div>\n      <\/div>\n      <div class=\"sec-head-right\">\n        <h2>A c\u00e9l nem a t\u00f6k\u00e9letess\u00e9g, <em>hanem a halad\u00e1s.<\/em><\/h2>\n        <p style=\"margin-top: 18px; font-size: 15.5px; color: var(--ink-soft);\">A <a href=\"https:\/\/noivezetok.eu\" style=\"color: var(--green); text-decoration: none; border-bottom: 1px solid var(--green);\">N\u0151i Vezet\u0151k k\u00f6z\u00f6ss\u00e9g\u00e9ben<\/a> \u00e9vek \u00f3ta dolgozunk olyan eszk\u00f6z\u00f6k\u00f6n, amelyek nem teljes\u00edtm\u00e9nyorient\u00e1ltak \u2014 hanem megenged\u0151ek. A F\u00f3kusz Tervez\u0151 az egyik legkedveltebb. Apr\u00f3 gy\u0151zelmek, priorit\u00e1sok, f\u00f3kuszid\u0151, \u00e9s gyeng\u00e9d reflexi\u00f3 \u2014 minden, ami egy kaotikus napb\u00f3l kiegyens\u00falyozottat csin\u00e1l.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"features\">\n      <div class=\"feat\">\n        <div class=\"icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n            <path d=\"M12 7v5l3 2\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Apr\u00f3 l\u00e9p\u00e9sek, amik val\u00f3ban elvezetnek a c\u00e9lodig<\/h3>\n        <p>Nem maraton, nem sprintsorozat. Kis, kezelhet\u0151 teend\u0151k, amiket el is tudsz v\u00e9gezni \u2014 \u00e9s amiket nyomon k\u00f6vethetsz, hogy l\u00e1sd, val\u00f3j\u00e1ban mennyit haladt\u00e1l.<\/p>\n        <div class=\"meta\">\u2248 10 perc tervez\u00e9s naponta<\/div>\n      <\/div>\n      <div class=\"feat\">\n        <div class=\"icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n            <path d=\"M3 12h4l3-9 4 18 3-9h4\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Egy rendszer, ami nem k\u00fczdelem \u2014 hanem ritmus<\/h3>\n        <p>Heti tervez\u00e9s, napi f\u00f3kusz, Pomodoro szakaszok, esti reflexi\u00f3. A strukt\u00fara megvan; te csak belesimulsz. Nem kell akarater\u0151t mozg\u00f3s\u00edtani \u2014 a rendszer mag\u00e1t\u00f3l visz.<\/p>\n        <div class=\"meta\">2\u20133 h\u00e9t ut\u00e1n \u00e9rezhet\u0151<\/div>\n      <\/div>\n      <div class=\"feat\">\n        <div class=\"icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n            <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"><\/rect>\n            <path d=\"M9 8h6M9 12h6M9 16h4\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Pap\u00edr \u00e9s digit\u00e1lis \u2014 ahogy neked j\u00f3<\/h3>\n        <p>T\u00f6lts ki tablettel reggeli k\u00e1v\u00e9 mellett, vagy nyomtasd ki, f\u0171zd \u00f6ssze, \u00e9s \u00edrj k\u00e9zzel \u2014 sokan ezt v\u00e1lasztj\u00e1k, mert a k\u00e9zzel \u00edrt teend\u0151 t\u00e9nyleg m\u00e1sk\u00e9pp marad meg.<\/p>\n        <div class=\"meta\">PDF \u00b7 A4 \u00b7 nyomtathat\u00f3<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4 PRINCIPLES -->\n  <section id=\"alapelvek\" class=\"tight\">\n    <div class=\"sec-head\">\n      <div>\n        <div class=\"eyebrow\">02 \u00b7 A 4 alapelv<\/div>\n      <\/div>\n      <div class=\"sec-head-right\">\n        <h2>A tervez\u0151 <em>filoz\u00f3fi\u00e1ja<\/em> \u2014 n\u00e9gy egyszer\u0171 elv.<\/h2>\n        <p style=\"margin-top: 18px;\">Minden eszk\u00f6z, minden tervez\u0151lap, minden k\u00e9rd\u00e9s ezekb\u0151l az alapelvekb\u0151l \u00e9p\u00fcl.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"principles\">\n      <div class=\"principle\">\n        <div class=\"pn\">i.<\/div>\n        <h4>\u00c1ll\u00edts fel priorit\u00e1sokat \u2014 munka el\u0151tt<\/h4>\n        <p>Miel\u0151tt elkezded a napot, d\u00f6nts. Mi az az 1\u20133 dolog, ami ma sz\u00e1m\u00edt? A t\u00f6bbi sz\u00e9pen v\u00e1rhat.<\/p>\n      <\/div>\n      <div class=\"principle\">\n        <div class=\"pn\">ii.<\/div>\n        <h4>Ker\u00fcld a multitaskingot<\/h4>\n        <p>Egy dolog egyszerre. A figyelem v\u00e1ltogat\u00e1sa az, ami f\u00e1raszt \u2014 nem a munka maga.<\/p>\n      <\/div>\n      <div class=\"principle\">\n        <div class=\"pn\">iii.<\/div>\n        <h4>A legnehezebb az els\u0151<\/h4>\n        <p>Amit halogatsz, azt tedd els\u0151k\u00e9nt. Ut\u00e1na minden m\u00e1s k\u00f6nnyebbnek t\u0171nik a napodban.<\/p>\n      <\/div>\n      <div class=\"principle\">\n        <div class=\"pn\">iv.<\/div>\n        <h4>Tarts sz\u00fcneteket<\/h4>\n        <p>A sz\u00fcnet nem id\u0151pazarl\u00e1s \u2014 a sz\u00fcnet a f\u00f3kusz r\u00e9sze. Pomodoro ut\u00e1n 5 perc leveg\u0151. Mindig.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOUNDER STORY -->\n  <section id=\"tortenet\" class=\"tight\">\n    <div class=\"story\">\n      <div>\n        <div class=\"quote-mark\">\u201e<\/div>\n        <div class=\"label\">A t\u00f6rt\u00e9net m\u00f6g\u00f6tt<\/div>\n        <h3>Volt egy id\u0151szak, amikor <em>minden<\/em> egyszerre fontosnak t\u0171nt.<\/h3>\n      <\/div>\n      <div>\n        <p>N\u00e9h\u00e1ny \u00e9vvel ezel\u0151tt egy olyan id\u0151szakon mentem kereszt\u00fcl, amikor minden egyszerre lett s\u00fcrg\u0151s. \u00daj munka, \u00faj projektek, k\u00f6zben a mag\u00e1n\u00e9letben is v\u00e1lt\u00e1sok \u2014 \u00e9s a teend\u0151list\u00e1m mindennap hosszabb lett, mint a megel\u0151z\u0151 napon.<\/p>\n        <p>Mindent kipr\u00f3b\u00e1ltam. P\u00f6r\u00f6gtem, list\u00e1ztam, tudatos voltam \u2014 \u00e9s mindek\u00f6zben csak egyre kimer\u00fcltebb. Nem motiv\u00e1ci\u00f3 k\u00e9rd\u00e9se volt. Hi\u00e1nyzott egy rendszer, ami nem r\u00e1m pakol \u2014 hanem megfog.<\/p>\n        <p>Lassan, k\u00eds\u00e9rletezve tal\u00e1ltam meg, mi az, ami nekem m\u0171k\u00f6dik: <em>n\u00e9h\u00e1ny priorit\u00e1s reggelente, f\u00f3kuszblokkok napk\u00f6zben, \u00e9s egy r\u00f6vid reflexi\u00f3 este<\/em>. Ennyi. Nem t\u00f6bb. \u00c9s pont el\u00e9g.<\/p>\n        <p>3\u20134 h\u00e9t ut\u00e1n m\u00e1r nem reggeleztem szorongva. 2 h\u00f3nap m\u00falva elkezdtem \u00fcnnepelni a kis gy\u0151zelmeket, amiket addig \u00e9szre sem vettem. A produktivit\u00e1s k\u00f6nnyed lett \u2014 nem k\u00fczdelem.<\/p>\n        <p style=\"color: var(--ink); font-family: var(--serif); font-style: italic; font-size: 17px; line-height: 1.55; margin-top: 22px;\">Most m\u00e1r t\u00f6bb mint 107 ezer n\u0151 r\u00e9sze a N\u0151i Vezet\u0151k k\u00f6z\u00f6ss\u00e9g\u00e9nek. A F\u00f3kusz Tervez\u0151, amit le tudsz t\u00f6lteni, pontosan az a strukt\u00fara, amit \u00e9n is haszn\u00e1ltam \u2014 letisztulva, tov\u00e1bbgondolva, \u00e9s megenged\u0151en.<\/p>\n        <div class=\"story-sign\"><span class=\"dash\"><\/span> Szeretettel \u00b7 A N\u0151i Vezet\u0151k csapata<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ATMOSPHERIC BANNER -->\n  <figure class=\"atmospheric-banner\">\n    <img loading=\"lazy\"\n      src=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/openart-gpt-image-2-edit-1_1777916398169_02007f4e-1.webp\"\n      alt=\"F\u00f3kusz Tervez\u0151 \u2014 f\u00f3kusz\u00e1lt, csendes munkareggel\"\n      width=\"1240\"\n      height=\"420\"\n      loading=\"lazy\"\n      decoding=\"async\"\n    \/>\n    <figcaption>\n      <span class=\"atm-eyebrow\">\u2014 Egy reggeli ritu\u00e1l\u00e9 \u2014<\/span>\n      <span class=\"atm-quote\">T\u00edz perc tervez\u00e9s. Egy nap, ami m\u00e1r nem ad \u00e1t a k\u00e1osznak.<\/span>\n    <\/figcaption>\n  <\/figure>\n\n  <!-- WHAT'S INSIDE -->\n  <section id=\"mit\">\n    <div class=\"sec-head\">\n      <div>\n        <div class=\"eyebrow\">03 \u00b7 Mit tartalmaz<\/div>\n      <\/div>\n      <div class=\"sec-head-right\">\n        <h2>A <em>F\u00f3kusz Tervez\u0151<\/em>: kilenc modul, harminc oldal, egy \u00f6sszef\u00fcgg\u0151 rendszer.<\/h2>\n        <p style=\"margin-top: 18px;\">Egy oldal egy c\u00e9lt szolg\u00e1l: \u00f6nismeret, priorit\u00e1s, f\u00f3kusz, halogat\u00e1s-lek\u00fczd\u00e9s, reflexi\u00f3. Mindegyikb\u0151l pontosan annyit, amennyi el\u00e9g.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"preview\">\n      <div class=\"preview-text\">\n        <div class=\"label\">\u2014 Egy napi oldal \u2014<\/div>\n        <h3>A <em>10 perces<\/em> reggeli tervez\u00e9s.<\/h3>\n        <p>Nem kell t\u00f6k\u00e9letesnek lenned. Nem kell mindent eltal\u00e1lnod. Csak v\u00e1lassz h\u00e1rom dolgot, ami ma sz\u00e1m\u00edt \u2014 \u00e9s tedd a t\u00f6bbit a &#8222;majd holnap&#8221; mapp\u00e1ba.<\/p>\n        <ul>\n          <li><strong>3 priorit\u00e1s<\/strong> \u2014 az 1-2-3, amit ha mindenk\u00e9pp el\u00e9rsz, j\u00f3 nap volt<\/li>\n          <li><strong>Mai f\u00f3kuszblokkok<\/strong> \u2014 Pomodoro szakaszok, amiknek szabad nem teljes\u00fclni\u00fck<\/li>\n          <li><strong>Energia tracker<\/strong> \u2014 mikor vagy a legjobb? N\u00e9zd meg, \u00e9rezd meg, tervezz erre<\/li>\n          <li><strong>Esti reflexi\u00f3<\/strong> \u2014 mi siker\u00fclt, mi maradt, mit tanult\u00e1l m\u00e1ra<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"planner\">\n        <div class=\"planner-head\">\n          <div class=\"day\"><em>H\u00e9tf\u0151<\/em>\u00b714<\/div>\n          <div class=\"date\">2026.05.18<\/div>\n        <\/div>\n        <div class=\"planner-section\">\n          <h5>3 priorit\u00e1s \u2014 ma ezeket viszem v\u00e9ghez<\/h5>\n          <div class=\"planner-priority\"><span class=\"pri\">A<\/span><span class=\"l\"><\/span><\/div>\n          <div class=\"planner-priority\"><span class=\"pri\">B<\/span><span class=\"l\"><\/span><\/div>\n          <div class=\"planner-priority\"><span class=\"pri\">C<\/span><span class=\"l\"><\/span><\/div>\n        <\/div>\n        <div class=\"planner-grid-2\">\n          <div class=\"planner-block\">\n            <h5>Mai teend\u0151k<\/h5>\n            <div class=\"planner-row\"><span class=\"box done\"><\/span><span class=\"l\"><\/span><\/div>\n            <div class=\"planner-row\"><span class=\"box done\"><\/span><span class=\"l\"><\/span><\/div>\n            <div class=\"planner-row\"><span class=\"box\"><\/span><span class=\"l\"><\/span><\/div>\n            <div class=\"planner-row\"><span class=\"box\"><\/span><span class=\"l\"><\/span><\/div>\n          <\/div>\n          <div class=\"planner-block\">\n            <h5>Zavar\u00f3 t\u00e9nyez\u0151k<\/h5>\n            <div class=\"planner-row\"><span class=\"box\"><\/span><span class=\"l\"><\/span><\/div>\n            <div class=\"planner-row\"><span class=\"box\"><\/span><span class=\"l\"><\/span><\/div>\n            <div class=\"planner-row\"><span class=\"box\"><\/span><span class=\"l\"><\/span><\/div>\n            <div class=\"planner-row\"><span class=\"box\"><\/span><span class=\"l\"><\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"planner-section\">\n          <h5>Pomodoro f\u00f3kuszblokkok<\/h5>\n          <div class=\"planner-pomodoro\">\n            <span class=\"tom full\"><\/span>\n            <span class=\"tom full\"><\/span>\n            <span class=\"tom full\"><\/span>\n            <span class=\"tom full\"><\/span>\n            <span class=\"tom\"><\/span>\n            <span class=\"tom\"><\/span>\n            <span class=\"tom\"><\/span>\n            <span class=\"tom\"><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"planner-section\" style=\"margin-top: auto; padding-top: 8px; border-top: 1px solid var(--line);\">\n          <h5>Esti reflexi\u00f3 \u2014 mit tanultam ma?<\/h5>\n          <div class=\"l\" style=\"height:1px; background:var(--line); margin: 6px 0;\"><\/div>\n          <div class=\"l\" style=\"height:1px; background:var(--line); margin: 6px 0;\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 9 MODULES -->\n  <section id=\"modulok\" class=\"tight\">\n    <div class=\"sec-head\">\n      <div>\n        <div class=\"eyebrow\">04 \u00b7 A 9 modul<\/div>\n      <\/div>\n      <div class=\"sec-head-right\">\n        <h2>Kilenc modul, ami <em>egyetlen \u00edvv\u00e9<\/em> \u00e1ll \u00f6ssze.<\/h2>\n        <p style=\"margin-top: 18px;\">A bevezet\u00e9st\u0151l az esti reflexi\u00f3ig \u2014 v\u00e9gigvezet, eszk\u00f6z\u00f6ket ad, \u00e9s nem hagy magadra a kaotikus napokon sem.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"modules\">\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 01<\/div>\n        <h4>Bevezet\u0151<\/h4>\n        <p>Ir\u00e1ny a produktivit\u00e1s \u2014 hogyan legy\u00fcnk hat\u00e9konyak a saj\u00e1t ritmusunkban, nem m\u00e1sok receptjei szerint.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 02<\/div>\n        <h4>\u00d6nismeret<\/h4>\n        <p>Minden, ami \u00e9n vagyok: c\u00e9lok, motiv\u00e1ci\u00f3k, szok\u00e1sok, jutalmak \u2014 egy r\u00f6vid t\u00e9rk\u00e9p arr\u00f3l, ki vezeted.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 03<\/div>\n        <h4>F\u00f3kusz-eszk\u00f6z\u00f6k<\/h4>\n        <p>Zavar\u00f3 t\u00e9nyez\u0151k checklist, f\u00f3kuszterv, mai teend\u0151k, feladat-tervez\u0151 \u00fatmutat\u00f3.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 04<\/div>\n        <h4>Tervez\u00e9si rendszerek<\/h4>\n        <p>Heti tervez\u0151, priorit\u00e1slista, <em>Eisenhower-m\u00e1trix<\/em>, A\/B\/C kateg\u00f3ri\u00e1s feladatrendez\u0151.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 05<\/div>\n        <h4>Kih\u00edv\u00e1sok<\/h4>\n        <p>30 napos f\u00f3kusz-kih\u00edv\u00e1s \u00e9s digit\u00e1lis detox kih\u00edv\u00e1s \u2014 pip\u00e1lhat\u00f3, kis l\u00e9p\u00e9sekkel.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 06<\/div>\n        <h4>Halogat\u00e1s-lek\u00fczd\u00e9s<\/h4>\n        <p>Gy\u0151zz\u00fck le a halogat\u00e1st, maradj a feladatn\u00e1l, kezeld a zavar\u00f3 t\u00e9nyez\u0151ket \u2014 gyeng\u00e9d technik\u00e1kkal.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 07<\/div>\n        <h4>Trackerek<\/h4>\n        <p>Napi f\u00f3kusz tracker, energia szint tracker, \u00e9s az 5 perces gy\u0151zelmek lista.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 08<\/div>\n        <h4>Technik\u00e1k<\/h4>\n        <p><em>Pomodoro<\/em> \u00f6nreflexi\u00f3val, \u00e9s id\u0151sp\u00f3rol\u00e1s mesterfokon \u2014 gyakorlati m\u00f3dszerek.<\/p>\n      <\/div>\n      <div class=\"module\">\n        <div class=\"mn\">Modul \u00b7 09<\/div>\n        <h4>Reflexi\u00f3<\/h4>\n        <p>Reflekt\u00e1lj a kih\u00edv\u00e1sokra, v\u00e9gs\u0151 reflexi\u00f3, \u00e9s f\u00f3kusz jegyzetek a folyamat lez\u00e1r\u00e1s\u00e1hoz.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- EISENHOWER MATRIX PREVIEW -->\n  <section class=\"tight\" style=\"padding-top: 30px;\">\n    <div class=\"matrix\">\n      <div class=\"matrix-head\">\n        <div>\n          <div class=\"eyebrow\">05 \u00b7 B\u00f3nusz<\/div>\n        <\/div>\n        <div>\n          <h3>Egy <em>egyszer\u0171 m\u00e1trix<\/em>, ami megmondja, mit tegy\u00e9l most.<\/h3>\n          <p>A klasszikus Eisenhower-m\u00e1trix a tervez\u0151be \u00e9p\u00edtve: n\u00e9gy negyed, minden teend\u0151d egy\u00e9rtelm\u0171 helye.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"matrix-grid\">\n        <div class=\"matrix-cell q1\">\n          <div class=\"lbl\">S\u00fcrg\u0151s &#038; fontos<\/div>\n          <div class=\"ttl\"><em>Csin\u00e1ld<\/em> most<\/div>\n          <div class=\"desc\">Hat\u00e1rid\u0151s feladatok, kr\u00edzishelyzetek. Most \u2014 de ut\u00e1na tervezz, hogy ne ide ker\u00fclj\u00f6n minden.<\/div>\n        <\/div>\n        <div class=\"matrix-cell\">\n          <div class=\"lbl\">Nem s\u00fcrg\u0151s &#038; fontos<\/div>\n          <div class=\"ttl\">Tervezd be<\/div>\n          <div class=\"desc\">Strat\u00e9gia, fejl\u0151d\u00e9s, kapcsolatok. Itt t\u00f6rt\u00e9nik a halad\u00e1s. Ide csoportos\u00edtsd a f\u00f3kuszid\u0151t.<\/div>\n        <\/div>\n        <div class=\"matrix-cell\">\n          <div class=\"lbl\">S\u00fcrg\u0151s &#038; nem fontos<\/div>\n          <div class=\"ttl\">Deleg\u00e1ld<\/div>\n          <div class=\"desc\">M\u00e1s is megcsin\u00e1lhatja. Nem te kell, hogy minden e-mailre azonnal v\u00e1laszolj. Engedd el.<\/div>\n        <\/div>\n        <div class=\"matrix-cell q4\">\n          <div class=\"lbl\">Nem s\u00fcrg\u0151s &#038; nem fontos<\/div>\n          <div class=\"ttl\">Hagyd el<\/div>\n          <div class=\"desc\">A scrolloz\u00f3s, halogat\u00f3s z\u00f3na. Nem b\u00fcntet\u00e9s \u2014 csak \u00e9szrev\u00e9tel: ezekre nem kell id\u0151t sz\u00e1nnod.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SUCCESS VISION -->\n  <section class=\"vision tight\" id=\"harminc-nap-mulva\">\n    <div class=\"vision-inner\">\n      <div class=\"vision-eyebrow\">Harminc nap m\u00falva<\/div>\n      <h2 class=\"vision-title\">A napjaid <em>m\u00e1r nem ugyanazok lesznek.<\/em><\/h2>\n      <div class=\"vision-list\">\n        <div class=\"vision-item\">\n          <span class=\"vision-num\">01<\/span>\n          <p>Reggelente tudod, mit kell tenned. Nem \u00fclsz t\u00edz nyitott f\u00fcl el\u00e9 azzal az \u00e9rz\u00e9ssel, hogy nem tudod, hol kezdj.<\/p>\n        <\/div>\n        <div class=\"vision-item\">\n          <span class=\"vision-num\">02<\/span>\n          <p>A multitasking helyett egy dolgon dolgozol egyszerre. \u00c9s meglep, mennyivel hamarabb v\u00e9gzel mindennel.<\/p>\n        <\/div>\n        <div class=\"vision-item\">\n          <span class=\"vision-num\">03<\/span>\n          <p>A halogat\u00e1s megmarad \u2014 de m\u00e1r nem ural el. Tudod, mit kezdj vele, \u00e9s van eszk\u00f6z\u00f6d visszafordulni a feladathoz.<\/p>\n        <\/div>\n        <div class=\"vision-item\">\n          <span class=\"vision-num\">04<\/span>\n          <p>Est\u00e9nk\u00e9nt m\u00e1r nem azzal alszol el, hogy \u201em\u00e9g ezt is meg kellett volna&#8221;. A nap z\u00e1rva van \u2014 \u00e9s holnap is lesz.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"vision-cta\">\n        <p class=\"vision-quiet\">Mindez nem ig\u00e9nyel t\u00f6bbet, mint reggelente t\u00edz percet \u2014 egy k\u00e1v\u00e9 kih\u0171l\u00e9s\u00e9ig.<\/p>\n        <a href=\"#letoltes\" class=\"vision-btn\">\n          Let\u00f6lt\u00f6m a F\u00f3kusz Tervez\u0151t\n          <span class=\"arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TESTIMONIALS -->\n  <section id=\"velemenyek\" class=\"tight\">\n    <div class=\"sec-head\">\n      <div>\n        <div class=\"eyebrow\">06 \u00b7 V\u00e1s\u00e1rl\u00f3ink mondt\u00e1k<\/div>\n      <\/div>\n      <div class=\"sec-head-right\">\n        <h2>T\u00f6bb mint <em>107 000+<\/em> n\u0151 a N\u0151i Vezet\u0151k k\u00f6z\u00f6ss\u00e9g\u00e9ben.<\/h2>\n      <\/div>\n    <\/div>\n\n    <div class=\"testis\">\n      <div class=\"testi\">\n        <div class=\"stars\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n        <\/div>\n        <blockquote>\u201e\u00c9vek \u00f3ta keresg\u00e9ltem ilyen tervez\u0151t \u2014 egyik se volt nekem val\u00f3, mert mind a teljes\u00edtm\u00e9ny-versenyr\u0151l sz\u00f3lt. Ez nem. Ez megenged\u0151, \u00e9s m\u00e9gis halad. Pont nekem val\u00f3.&#8221;<\/blockquote>\n        <div class=\"who\">\n          <div class=\"avatar\">B<\/div>\n          <div class=\"who-text\">\n            <div class=\"name\">Bernadett K.<\/div>\n            <div class=\"role\">verifik\u00e1lt let\u00f6lt\u0151<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi\">\n        <div class=\"stars\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n        <\/div>\n        <blockquote>\u201eA Pomodoro \u00e9s az Eisenhower-m\u00e1trix egy\u00fctt megv\u00e1ltoztatta a d\u00e9lut\u00e1njaimat. El\u0151sz\u00f6r van olyan, hogy 17 \u00f3rakor lecsukom a laptopot, \u00e9s k\u00e9sz vagyok azzal, ami fontos volt.&#8221;<\/blockquote>\n        <div class=\"who\">\n          <div class=\"avatar\">D<\/div>\n          <div class=\"who-text\">\n            <div class=\"name\">D\u00f3ra V.<\/div>\n            <div class=\"role\">verifik\u00e1lt let\u00f6lt\u0151<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi\">\n        <div class=\"stars\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3 7 7 .6-5.3 4.7L18 22l-6-3.8L6 22l1.3-7.7L2 9.6 9 9z\"><\/path><\/svg>\n        <\/div>\n        <blockquote>\u201eHalogat\u00f3s t\u00edpus voltam. A 30 napos kih\u00edv\u00e1s \u00e9s a napi f\u00f3kusz tracker egy\u00fctt \u2014 ennyi kellett. K\u00e9t h\u00e9t ut\u00e1n m\u00e1r nem mondogattam magamnak, hogy \u201emajd holnap&#8221;.&#8221;<\/blockquote>\n        <div class=\"who\">\n          <div class=\"avatar\">E<\/div>\n          <div class=\"who-text\">\n            <div class=\"name\">Eszter T.<\/div>\n            <div class=\"role\">verifik\u00e1lt let\u00f6lt\u0151<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section id=\"gyik\" class=\"tight\">\n    <div class=\"sec-head\">\n      <div>\n        <div class=\"eyebrow\">07 \u00b7 Gyakori k\u00e9rd\u00e9sek<\/div>\n      <\/div>\n      <div class=\"sec-head-right\">\n        <h2>Minden, amit a <em>let\u00f6lt\u00e9sr\u0151l<\/em> tudni \u00e9rdemes.<\/h2>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq\">\n      <details class=\"faq-item\" open>\n        <summary>Hogyan kapom meg a tervez\u0151t?<\/summary>\n        <p>Miut\u00e1n megadtad az e-mail c\u00edmed, azonnal elk\u00fcldj\u00fck a let\u00f6lt\u00e9si linket. \u00c1ltal\u00e1ban 1\u20132 percen bel\u00fcl meg\u00e9rkezik. Ha m\u00e9gsem tal\u00e1lod, n\u00e9zd meg a SPAM mapp\u00e1t.<\/p>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary>T\u00e9nyleg ingyenes? Nincs rejtett k\u00f6lts\u00e9g?<\/summary>\n        <p>T\u00e9nyleg ingyenes. A F\u00f3kusz Tervez\u0151 a N\u0151i Vezet\u0151k k\u00f6z\u00f6ss\u00e9g aj\u00e1nd\u00e9ka \u2014 semmilyen fizet\u00e9si adatot nem k\u00e9r\u00fcnk, csak a neved \u00e9s az e-mail c\u00edmedet.<\/p>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary>Hogyan kell haszn\u00e1lni a tervez\u0151t?<\/summary>\n        <p>Reggelente 10 perc. T\u00f6lts ki egy napi tervez\u0151lapot, v\u00e1laszd ki a 3 priorit\u00e1st. Heti tervez\u00e9sre szombaton 20 perc. Ha digit\u00e1lisan szeretn\u00e9d, a PDF kit\u00f6lthet\u0151 b\u00e1rmilyen jegyzetel\u0151 appal. Ha pap\u00edron, nyomtasd ki, f\u0171zd \u00f6ssze.<\/p>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary>Nyomtathat\u00f3 a tervez\u0151?<\/summary>\n        <p>Igen, A4 m\u00e9retre van optimaliz\u00e1lva. Otthon \u00e9s nyomd\u00e1ban is gond n\u00e9lk\u00fcl kinyomtathatod \u2014 sokan ezt v\u00e1lasztj\u00e1k, mert a k\u00e9zzel \u00edrt teend\u0151 t\u00e9nyleg m\u00e1sk\u00e9pp marad meg.<\/p>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary>Mi van, ha kihagyok egy napot?<\/summary>\n        <p>Semmi baj. Nem versenyzel senkivel. A produktivit\u00e1s nem b\u00fcntet\u00e9s. Folytasd ott, ahol abbahagytad \u2014 a tervez\u0151t pont arra tervezt\u00fck, hogy ne legyen szigor\u00fa menetrend.<\/p>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary>Mi van, ha nem \u00e9rkezik meg a let\u00f6lt\u00e9si link?<\/summary>\n        <p>El\u0151sz\u00f6r n\u00e9zd meg a SPAM\/Rekl\u00e1mok mapp\u00e1t. Ha 10 percen bel\u00fcl sem \u00e9rkezne meg, \u00edrj nek\u00fcnk az info@noivezetok.eu c\u00edmre, \u00e9s k\u00e9zzel elk\u00fcldj\u00fck.<\/p>\n      <\/details>\n    <\/div>\n  <\/section>\n\n  <!-- STAKES -->\n  <section class=\"stakes tight\">\n    <div class=\"stakes-inner\">\n      <div class=\"stakes-mark\">\u00b7<\/div>\n      <p class=\"stakes-line\">M\u00e9g egy reggel, ami sz\u00e9tfolyik. M\u00e9g egy h\u00e9t, ami m\u00e1soknak telt. M\u00e9g egy h\u00f3nap, hogy pont ott legy\u00e9l, ahol most.<\/p>\n      <p class=\"stakes-line stakes-line-or\">Vagy egyszer\u0171en <em>t\u00edz perc holnap reggel.<\/em><\/p>\n    <\/div>\n  <\/section>\n\n  <!-- FINAL CTA \u2014 signup -->\n  <section class=\"tight\" id=\"letoltes-also\">\n    <div class=\"signup\">\n      <div class=\"signup-grid\">\n\n        <div class=\"signup-photo\">\n          <div class=\"signup-tape t1\"><\/div>\n          <div class=\"signup-photo-frame\">\n            <img decoding=\"async\" class=\"pcover-img\" src=\"https:\/\/noivezetok.eu\/wp-content\/uploads\/2026\/05\/openart-gpt-image-2-edit-1_1777916398169_02007f4e-1.webp\" alt=\"F\u00f3kusz Tervez\u0151 \u2014 term\u00e9kfot\u00f3\" loading=\"lazy\" \/>\n          <\/div>\n          <div class=\"signup-tape t2\"><\/div>\n\n          <div class=\"signup-chip c1\">\n            <span class=\"num\">01 \/ 30<\/span>\n            &#8222;Ma az 1, 2, 3\u2026&#8221;\n          <\/div>\n          <div class=\"signup-chip c2\">\n            <span class=\"num\">Napi 10 perc<\/span>\n            reggeli tervez\u00e9s\n          <\/div>\n          <div class=\"signup-chip c3\">\n            \u2726 PDF \u00b7 30 oldal\n          <\/div>\n        <\/div>\n\n        <div class=\"signup-content\">\n          <div class=\"signup-eyebrow\">\n            <span class=\"dot\"><\/span>\n            08 \u00b7 Ingyenes let\u00f6lt\u00e9s\n          <\/div>\n          <h2>Kezdd el <em>holnap reggel.<\/em><br\/>Egy h\u00e9t m\u00falva m\u00e1r <em>m\u00e1s temp\u00f3ban<\/em> \u00e9lsz.<\/h2>\n          <p>Add meg az e-mail c\u00edmed, \u00e9s p\u00e1r percen bel\u00fcl a postal\u00e1d\u00e1dban a teljes F\u00f3kusz Tervez\u0151 \u2014 nyomtathat\u00f3 PDF, 30 oldal, priorit\u00e1sok, f\u00f3kuszblokkok, halogat\u00e1s-lek\u00fczd\u00e9s, kih\u00edv\u00e1sok.<\/p>\n\n          <form class=\"signup-form\" id=\"finalForm\" action=\"https:\/\/noivezetok.us21.list-manage.com\/subscribe\/post?u=c2b07563636248cb13b0bfbf1&amp;id=b6020b852f&amp;f_id=005fbae6f0\" method=\"post\" target=\"mc_hidden_iframe\" novalidate>\n            <input type=\"text\" name=\"FNAME\" placeholder=\"Keresztneved\" required autocomplete=\"given-name\" class=\"signup-form-name\" \/>\n            <input type=\"email\" name=\"EMAIL\" placeholder=\"A te e-mail c\u00edmed\" required autocomplete=\"email\" \/>\n            <div hidden><input type=\"hidden\" name=\"tags\" value=\"3148232\"><\/div>\n            <div aria-hidden=\"true\" style=\"position:absolute;left:-5000px\"><input type=\"text\" name=\"b_c2b07563636248cb13b0bfbf1_b6020b852f\" tabindex=\"-1\" value=\"\"><\/div>\n            <button type=\"submit\" name=\"subscribe\">\n              K\u00e9rem a tervez\u0151t\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14m-6-6l6 6-6 6\"><\/path><\/svg>\n            <\/button>\n          <\/form>\n\n          <div class=\"signup-meta\">\n            <span>\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n              Spam-mentes\n            <\/span>\n            <span>\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n              B\u00e1rmikor leiratkozhatsz\n            <\/span>\n            <span>\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n              100% ingyenes\n            <\/span>\n          <\/div>\n\n          <div class=\"signup-stamp\">\n            <div class=\"big\">30<\/div>\n            <div class=\"lab\">oldalas<br\/>tervez\u0151<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer>\n    <div class=\"foot-brand\">N\u0151i Vezet\u0151k \u00b7 2026<\/div>\n    <div>info@noivezetok.eu \u00b7 <a href=\"https:\/\/noivezetok.eu\" style=\"color: var(--green); text-decoration: none;\">noivezetok.eu<\/a><\/div>\n  <\/footer>\n\n<\/div>\n<\/div><!-- \/.nv-fokusz-landing -->\n\n<iframe name=\"mc_hidden_iframe\" style=\"display:none\" aria-hidden=\"true\"><\/iframe>\n\n<script>\n  const form = document.getElementById('leadForm');\n  if (form) {\n    form.addEventListener('submit', (e) => {\n      const data = new FormData(form);\n      const fn = (data.get('FNAME') || '').trim();\n      const em = (data.get('EMAIL') || '').trim();\n      if (!fn || !em || !em.includes('@')) {\n        e.preventDefault();\n        [...form.elements].forEach(el => {\n          if (el.required && !el.value) el.style.borderColor = '#C8D2B4';\n        });\n        return;\n      }\n      document.getElementById('firstNameOut').textContent = fn;\n      setTimeout(() => {\n        document.body.dataset.submitted = '1';\n        const target = document.getElementById('letoltes');\n        if (target) target.scrollIntoView({behavior:'smooth', block:'start'});\n      }, 600);\n    });\n  }\n\n  const finalForm = document.getElementById('finalForm');\n  if (finalForm) {\n    finalForm.addEventListener('submit', (e) => {\n      const data = new FormData(finalForm);\n      const fn = (data.get('FNAME') || '').trim();\n      const em = (data.get('EMAIL') || '').trim();\n      const emailInput = finalForm.querySelector('input[name=\"EMAIL\"]');\n      const nameInput = finalForm.querySelector('input[name=\"FNAME\"]');\n      if (!fn || !em || !em.includes('@')) {\n        e.preventDefault();\n        if (!fn) { nameInput.style.boxShadow = 'inset 0 0 0 2px #4A5C3D'; nameInput.focus(); return; }\n        if (!em || !em.includes('@')) { emailInput.style.boxShadow = 'inset 0 0 0 2px #4A5C3D'; emailInput.focus(); return; }\n        return;\n      }\n      setTimeout(() => {\n        const btn = finalForm.querySelector('button');\n        btn.innerHTML = 'Meg\u00e9rkezett \u2713';\n        btn.style.background = '#2D3A26';\n        emailInput.readOnly = true;\n        nameInput.readOnly = true;\n        emailInput.value = 'K\u00f6sz\u00f6nj\u00fck, ' + fn + '! Ellen\u0151rizd a postal\u00e1d\u00e1d \u2726';\n        emailInput.style.color = '#4A4036';\n        emailInput.style.fontStyle = 'italic';\n        nameInput.style.display = 'none';\n      }, 600);\n    });\n  }\n<\/script>\n\n<\/body>\n<\/html><p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>F\u00f3kusz Tervez\u0151 \u2014 N\u0151i Vezet\u0151k \u00b7 Ingyenes 30 oldalas PDF N N\u0151i Vezet\u0151k F\u00f3kusz Tervez\u0151 \u00b7 30 oldal A t\u00f6rt\u00e9net Mit tartalmaz 4 alapelv GYIK Let\u00f6lt\u00f6m ingyen \u2192 \u2605 \u00daj \u00b7 2026 m\u00e1jusi kiad\u00e1s 30 oldal \u00b7 PDF + nyomtathat\u00f3 A produktivit\u00e1snak nem kell k\u00fczdelemnek lennie. Tervezz f\u00f3kusz\u00e1ltan. A F\u00f3kusz Tervez\u0151 apr\u00f3, kezelhet\u0151 l\u00e9p\u00e9sekre bontja [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8732","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/pages\/8732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/comments?post=8732"}],"version-history":[{"count":2,"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/pages\/8732\/revisions"}],"predecessor-version":[{"id":8743,"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/pages\/8732\/revisions\/8743"}],"wp:attachment":[{"href":"https:\/\/noivezetok.eu\/en_en\/wp-json\/wp\/v2\/media?parent=8732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}