{"id":9,"date":"2026-05-18T09:31:25","date_gmt":"2026-05-18T07:31:25","guid":{"rendered":"https:\/\/novapacks.fr\/?page_id=9"},"modified":"2026-05-18T09:33:08","modified_gmt":"2026-05-18T07:33:08","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/novapacks.fr\/?page_id=9","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nNovaPacks \u2014 Biblioth\u00e8que de Business<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --cream: #F5F0E8;\r\n --sand: #E8DDD0;\r\n --beige: #D4C4B0;\r\n --warm-gray: #B8A898;\r\n --brown-light: #8B7355;\r\n --brown: #6B5744;\r\n --brown-dark: #3D2B1F;\r\n --espresso: #241812;\r\n --gold: #C4976A;\r\n --gold-light: #D4A574;\r\n --copper: #A67B5B;\r\n --white: #FDFAF5;\r\n --text-main: #2A1E16;\r\n --text-muted: #7A6455;\r\n --text-light: #A89080;\r\n --border: rgba(180, 155, 130, 0.25);\r\n --border-strong: rgba(140, 110, 85, 0.35);\r\n --shadow: 0 4px 32px rgba(50, 30, 15, 0.08);\r\n --shadow-hover: 0 12px 48px rgba(50, 30, 15, 0.16);\r\n }\r\n \r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n html { scroll-behavior: smooth; }\r\n \r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background-color: var(--white);\r\n color: var(--text-main);\r\n font-size: 16px;\r\n line-height: 1.7;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 UTILITIES \u2500\u2500\u2500 *\/\r\n .container { max-width: 1160px; margin: 0 auto; padding: 0 32px; }\r\n .display { font-family: 'Cormorant Garamond', serif; }\r\n .gold { color: var(--gold); }\r\n .tag {\r\n display: inline-block;\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n padding: 4px 12px;\r\n border-radius: 100px;\r\n border: 1px solid var(--border-strong);\r\n color: var(--brown);\r\n background: transparent;\r\n }\r\n .tag.available { background: var(--gold); border-color: var(--gold); color: var(--white); }\r\n .tag.soon { background: transparent; border-color: var(--beige); color: var(--text-muted); }\r\n .tag.prep { background: var(--sand); border-color: var(--sand); color: var(--text-muted); }\r\n \r\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\r\n header {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n background: rgba(253, 250, 245, 0.92);\r\n backdrop-filter: blur(16px);\r\n border-bottom: 1px solid var(--border);\r\n }\r\n \r\n .header-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 68px;\r\n }\r\n \r\n .logo {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: var(--espresso);\r\n letter-spacing: 0.02em;\r\n text-decoration: none;\r\n }\r\n .logo span { color: var(--gold); }\r\n \r\n nav { display: flex; align-items: center; gap: 36px; }\r\n \r\n nav a {\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: var(--text-muted);\r\n text-decoration: none;\r\n letter-spacing: 0.02em;\r\n transition: color 0.2s;\r\n }\r\n nav a:hover { color: var(--espresso); }\r\n \r\n .btn {\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.04em;\r\n padding: 10px 22px;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n border: none;\r\n font-family: 'DM Sans', sans-serif;\r\n }\r\n .btn-dark {\r\n background: var(--espresso);\r\n color: var(--cream);\r\n }\r\n .btn-dark:hover {\r\n background: var(--brown-dark);\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 20px rgba(36, 24, 18, 0.25);\r\n }\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--espresso);\r\n border: 1px solid var(--border-strong);\r\n }\r\n .btn-outline:hover {\r\n background: var(--sand);\r\n transform: translateY(-1px);\r\n }\r\n .btn-gold {\r\n background: var(--gold);\r\n color: var(--white);\r\n }\r\n .btn-gold:hover {\r\n background: var(--copper);\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 20px rgba(196, 151, 106, 0.35);\r\n }\r\n .btn-lg { padding: 14px 32px; font-size: 14px; border-radius: 8px; }\r\n \r\n .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }\r\n .hamburger span { display: block; width: 22px; height: 1.5px; background: var(--espresso); transition: all 0.3s; }\r\n \r\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n .hero {\r\n padding: 160px 0 100px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: radial-gradient(ellipse 80% 60% at 70% 40%, rgba(196,151,106,0.08) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 80% at 10% 80%, rgba(212,196,176,0.15) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n \r\n .hero-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n \r\n .hero-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n }\r\n .hero-eyebrow-line {\r\n width: 32px; height: 1px;\r\n background: var(--gold);\r\n }\r\n .hero-eyebrow span {\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n \r\n .hero h1 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(36px, 4.5vw, 58px);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n color: var(--espresso);\r\n margin-bottom: 24px;\r\n }\r\n .hero h1 em { font-style: italic; color: var(--gold); }\r\n \r\n .hero-sub {\r\n font-size: 16px;\r\n color: var(--text-muted);\r\n max-width: 440px;\r\n line-height: 1.75;\r\n margin-bottom: 40px;\r\n font-weight: 300;\r\n }\r\n \r\n .hero-cta { display: flex; gap: 16px; flex-wrap: wrap; }\r\n \r\n \/* Hero Cards Grid *\/\r\n .hero-visual {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n position: relative;\r\n }\r\n \r\n .mini-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 12px;\r\n padding: 20px;\r\n box-shadow: var(--shadow);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: default;\r\n }\r\n .mini-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }\r\n \r\n .mini-card:nth-child(2) { margin-top: 28px; }\r\n .mini-card:nth-child(4) { margin-top: 28px; }\r\n \r\n .mini-card-icon {\r\n font-size: 22px;\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n .mini-card-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: var(--espresso);\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n .mini-card-meta {\r\n font-size: 11px;\r\n color: var(--text-light);\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 SECTION BASE \u2500\u2500\u2500 *\/\r\n section { padding: 96px 0; }\r\n .section-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n .section-label-line { width: 24px; height: 1px; background: var(--gold); }\r\n .section-label span {\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n .section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(30px, 3.5vw, 46px);\r\n font-weight: 500;\r\n color: var(--espresso);\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n .section-sub {\r\n font-size: 16px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n max-width: 560px;\r\n line-height: 1.75;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 CONCEPT \u2500\u2500\u2500 *\/\r\n .concept { background: var(--cream); }\r\n \r\n .concept-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n \r\n .concept-text { padding-top: 8px; }\r\n \r\n .concept-body {\r\n font-size: 16px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n line-height: 1.8;\r\n margin-bottom: 32px;\r\n }\r\n \r\n .pillars { display: flex; flex-direction: column; gap: 20px; }\r\n \r\n .pillar {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n padding: 24px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 12px;\r\n transition: box-shadow 0.3s;\r\n }\r\n .pillar:hover { box-shadow: var(--shadow); }\r\n \r\n .pillar-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 32px;\r\n font-weight: 300;\r\n color: var(--gold);\r\n line-height: 1;\r\n flex-shrink: 0;\r\n }\r\n .pillar-content h3 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: var(--espresso);\r\n margin-bottom: 6px;\r\n }\r\n .pillar-content p {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.65;\r\n font-weight: 300;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 LIBRARY \u2500\u2500\u2500 *\/\r\n .library { background: var(--white); }\r\n \r\n .library-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-bottom: 56px;\r\n }\r\n \r\n .packs-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n \r\n .pack-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 28px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.35s ease;\r\n cursor: pointer;\r\n }\r\n .pack-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--gold), var(--copper));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.35s ease;\r\n }\r\n .pack-card:hover::before { transform: scaleX(1); }\r\n .pack-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(196, 151, 106, 0.3);\r\n }\r\n \r\n .pack-card-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .pack-emoji { font-size: 28px; }\r\n \r\n .pack-body h3 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 19px;\r\n font-weight: 600;\r\n color: var(--espresso);\r\n margin-bottom: 8px;\r\n line-height: 1.3;\r\n }\r\n .pack-body p {\r\n font-size: 13.5px;\r\n color: var(--text-muted);\r\n line-height: 1.65;\r\n font-weight: 300;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .pack-footer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 18px;\r\n border-top: 1px solid var(--border);\r\n }\r\n .pack-price {\r\n font-size: 12px;\r\n color: var(--text-light);\r\n letter-spacing: 0.04em;\r\n }\r\n .pack-link {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--gold);\r\n letter-spacing: 0.05em;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: gap 0.2s;\r\n }\r\n .pack-link:hover { gap: 10px; }\r\n \r\n \/* \u2500\u2500\u2500 LEVELS \u2500\u2500\u2500 *\/\r\n .levels { background: var(--cream); }\r\n \r\n .levels-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-top: 56px;\r\n }\r\n \r\n .level-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n position: relative;\r\n transition: all 0.3s;\r\n }\r\n .level-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-4px); }\r\n .level-card.featured {\r\n background: var(--espresso);\r\n border-color: var(--espresso);\r\n color: var(--cream);\r\n }\r\n \r\n .level-icon {\r\n width: 48px; height: 48px;\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 20px;\r\n margin-bottom: 24px;\r\n background: var(--sand);\r\n }\r\n .level-card.featured .level-icon { background: rgba(255,255,255,0.1); }\r\n \r\n .level-name {\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 10px;\r\n }\r\n \r\n .level-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 26px;\r\n font-weight: 600;\r\n color: var(--espresso);\r\n margin-bottom: 8px;\r\n }\r\n .level-card.featured .level-title { color: var(--cream); }\r\n \r\n .level-desc {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n margin-bottom: 28px;\r\n line-height: 1.6;\r\n }\r\n .level-card.featured .level-desc { color: rgba(245, 240, 232, 0.65); }\r\n \r\n .level-features {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 32px;\r\n }\r\n .level-features li {\r\n font-size: 13.5px;\r\n color: var(--text-muted);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 300;\r\n }\r\n .level-card.featured .level-features li { color: rgba(245, 240, 232, 0.75); }\r\n .level-features li::before {\r\n content: '';\r\n display: block;\r\n width: 16px; height: 16px; flex-shrink: 0;\r\n border-radius: 50%;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23C4976A'\/%3E%3Cpath d='M5 8l2 2 4-4' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/cover no-repeat;\r\n }\r\n \r\n .level-price {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 28px;\r\n font-weight: 500;\r\n color: var(--espresso);\r\n margin-bottom: 20px;\r\n }\r\n .level-card.featured .level-price { color: var(--gold-light); }\r\n .level-price small {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 13px;\r\n font-weight: 300;\r\n color: var(--text-light);\r\n }\r\n .level-card.featured .level-price small { color: rgba(245,240,232,0.5); }\r\n \r\n \/* \u2500\u2500\u2500 FEATURED PACK \u2500\u2500\u2500 *\/\r\n .featured-pack { background: var(--white); }\r\n \r\n .featured-inner {\r\n display: grid;\r\n grid-template-columns: 5fr 4fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n \r\n .featured-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(196, 151, 106, 0.12);\r\n border: 1px solid rgba(196, 151, 106, 0.3);\r\n border-radius: 100px;\r\n padding: 6px 16px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 24px;\r\n }\r\n \r\n .featured-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(32px, 3.5vw, 48px);\r\n font-weight: 500;\r\n color: var(--espresso);\r\n line-height: 1.18;\r\n margin-bottom: 20px;\r\n }\r\n .featured-title em { font-style: italic; color: var(--gold); }\r\n \r\n .featured-desc {\r\n font-size: 16px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n line-height: 1.75;\r\n margin-bottom: 36px;\r\n }\r\n \r\n .contents-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .content-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 13.5px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n }\r\n .content-item::before {\r\n content: '\u2726';\r\n color: var(--gold);\r\n font-size: 10px;\r\n flex-shrink: 0;\r\n }\r\n \r\n .featured-visual {\r\n position: relative;\r\n }\r\n \r\n .featured-card {\r\n background: var(--espresso);\r\n border-radius: 20px;\r\n padding: 40px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .featured-card::after {\r\n content: '';\r\n position: absolute;\r\n top: -40px; right: -40px;\r\n width: 200px; height: 200px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(196,151,106,0.2) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n \r\n .featured-card-emoji { font-size: 48px; margin-bottom: 24px; display: block; }\r\n \r\n .featured-card h4 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 24px;\r\n font-weight: 500;\r\n color: var(--cream);\r\n margin-bottom: 8px;\r\n }\r\n .featured-card p {\r\n font-size: 13px;\r\n color: rgba(245, 240, 232, 0.55);\r\n margin-bottom: 28px;\r\n font-weight: 300;\r\n }\r\n \r\n .featured-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n margin-bottom: 32px;\r\n }\r\n .featured-item {\r\n font-size: 13px;\r\n color: rgba(245, 240, 232, 0.75);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 300;\r\n }\r\n .featured-item span { color: var(--gold); }\r\n \r\n .featured-card-price {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 6px;\r\n font-family: 'Cormorant Garamond', serif;\r\n }\r\n .featured-card-price strong {\r\n font-size: 36px;\r\n font-weight: 500;\r\n color: var(--gold-light);\r\n }\r\n .featured-card-price small {\r\n font-size: 14px;\r\n color: rgba(245,240,232,0.4);\r\n font-family: 'DM Sans', sans-serif;\r\n font-weight: 300;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 PHILOSOPHY \u2500\u2500\u2500 *\/\r\n .philosophy {\r\n background: var(--espresso);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .philosophy::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 0 30 30 Q45 60 60 30' stroke='rgba(196,151,106,0.07)' fill='none' stroke-width='1'\/%3E%3C\/svg%3E\") repeat;\r\n pointer-events: none;\r\n }\r\n \r\n .philosophy-inner { position: relative; text-align: center; max-width: 760px; margin: 0 auto; }\r\n \r\n .philosophy blockquote {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(28px, 4vw, 50px);\r\n font-weight: 400;\r\n font-style: italic;\r\n color: var(--cream);\r\n line-height: 1.35;\r\n margin-bottom: 32px;\r\n }\r\n .philosophy blockquote strong { color: var(--gold); font-style: normal; font-weight: 600; }\r\n \r\n .philosophy-divider {\r\n width: 48px; height: 1px;\r\n background: var(--gold);\r\n margin: 0 auto 32px;\r\n }\r\n \r\n .philosophy-values {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-bottom: 48px;\r\n }\r\n .philo-tag {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n border: 1px solid rgba(196, 151, 106, 0.3);\r\n border-radius: 100px;\r\n font-size: 13px;\r\n font-weight: 300;\r\n color: rgba(245, 240, 232, 0.65);\r\n letter-spacing: 0.03em;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\r\n .faq { background: var(--cream); }\r\n \r\n .faq-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-top: 56px;\r\n }\r\n \r\n .faq-item {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n }\r\n \r\n .faq-q {\r\n width: 100%;\r\n background: none;\r\n border: none;\r\n padding: 24px 28px;\r\n text-align: left;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 16px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: var(--espresso);\r\n line-height: 1.35;\r\n transition: background 0.2s;\r\n }\r\n .faq-q:hover { background: var(--cream); }\r\n \r\n .faq-arrow {\r\n width: 24px; height: 24px; flex-shrink: 0;\r\n border: 1px solid var(--border-strong);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 12px;\r\n color: var(--gold);\r\n transition: transform 0.3s, background 0.3s;\r\n }\r\n .faq-item.open .faq-arrow { transform: rotate(45deg); background: var(--gold); color: white; }\r\n \r\n .faq-a {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.3s;\r\n font-size: 14.5px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n line-height: 1.75;\r\n }\r\n .faq-item.open .faq-a { max-height: 200px; padding: 0 28px 24px; }\r\n \r\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\n footer {\r\n background: var(--espresso);\r\n padding: 72px 0 40px;\r\n }\r\n \r\n .footer-inner {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr 1fr;\r\n gap: 60px;\r\n margin-bottom: 56px;\r\n }\r\n \r\n .footer-brand .logo { display: block; margin-bottom: 16px; color: var(--cream); }\r\n .footer-brand .logo span { color: var(--gold); }\r\n .footer-tagline {\r\n font-size: 14px;\r\n color: rgba(245,240,232,0.45);\r\n font-weight: 300;\r\n line-height: 1.7;\r\n font-style: italic;\r\n font-family: 'Cormorant Garamond', serif;\r\n max-width: 260px;\r\n }\r\n \r\n .footer-col h4 {\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 20px;\r\n }\r\n .footer-col a {\r\n display: block;\r\n font-size: 14px;\r\n color: rgba(245,240,232,0.5);\r\n text-decoration: none;\r\n margin-bottom: 10px;\r\n font-weight: 300;\r\n transition: color 0.2s;\r\n }\r\n .footer-col a:hover { color: var(--cream); }\r\n \r\n .footer-bottom {\r\n padding-top: 32px;\r\n border-top: 1px solid rgba(255,255,255,0.07);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n .footer-bottom p {\r\n font-size: 12px;\r\n color: rgba(245,240,232,0.25);\r\n font-weight: 300;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\u2500 *\/\r\n .fade-up {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .fade-up.visible { opacity: 1; transform: translateY(0); }\r\n .fade-up:nth-child(2) { transition-delay: 0.1s; }\r\n .fade-up:nth-child(3) { transition-delay: 0.2s; }\r\n .fade-up:nth-child(4) { transition-delay: 0.3s; }\r\n .fade-up:nth-child(5) { transition-delay: 0.4s; }\r\n .fade-up:nth-child(6) { transition-delay: 0.5s; }\r\n \r\n \/* \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500 *\/\r\n .mobile-menu {\r\n display: none;\r\n position: fixed;\r\n top: 68px; left: 0; right: 0;\r\n background: var(--white);\r\n border-bottom: 1px solid var(--border);\r\n padding: 24px 32px 32px;\r\n z-index: 99;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .mobile-menu.open { display: flex; }\r\n .mobile-menu a {\r\n font-size: 16px;\r\n color: var(--text-main);\r\n text-decoration: none;\r\n font-weight: 300;\r\n }\r\n \r\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n @media (max-width: 960px) {\r\n nav { display: none; }\r\n .hamburger { display: flex; }\r\n .hero-inner { grid-template-columns: 1fr; gap: 48px; }\r\n .hero-visual { display: none; }\r\n .concept-inner { grid-template-columns: 1fr; gap: 40px; }\r\n .packs-grid { grid-template-columns: 1fr 1fr; }\r\n .levels-grid { grid-template-columns: 1fr; gap: 16px; }\r\n .featured-inner { grid-template-columns: 1fr; gap: 40px; }\r\n .faq-grid { grid-template-columns: 1fr; }\r\n .footer-inner { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n .library-header { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n }\r\n \r\n @media (max-width: 640px) {\r\n .container { padding: 0 20px; }\r\n section { padding: 72px 0; }\r\n .packs-grid { grid-template-columns: 1fr; }\r\n .contents-grid { grid-template-columns: 1fr; }\r\n .footer-inner { grid-template-columns: 1fr; }\r\n .hero { padding: 120px 0 80px; }\r\n .hero-cta { flex-direction: column; }\r\n .hero-cta .btn { text-align: center; }\r\n .footer-bottom { flex-direction: column; }\r\n .philosophy-values { justify-content: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n \r\n<!-- \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 -->\r\n<header>\r\n <div class=\"container header-inner\">\r\n <a href=\"#\" class=\"logo\">Nova<span>Packs<\/span><\/a>\r\n <nav>\r\n <a href=\"#accueil\">Accueil<\/a>\r\n <a href=\"#bibliotheque\">La biblioth\u00e8que<\/a>\r\n <a href=\"#niveaux\">Business Packs<\/a>\r\n <a href=\"#niveaux\">Pro Packs<\/a>\r\n <a href=\"#niveaux\">Premium Packs<\/a>\r\n <a href=\"#philosophie\">\u00c0 propos<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <\/nav>\r\n <a href=\"#bibliotheque\" class=\"btn btn-dark\" style=\"display:none;\" id=\"nav-cta\">Explorer les packs<\/a>\r\n <div class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n \r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#accueil\" onclick=\"toggleMenu()\">Accueil<\/a>\r\n <a href=\"#bibliotheque\" onclick=\"toggleMenu()\">La biblioth\u00e8que<\/a>\r\n <a href=\"#niveaux\" onclick=\"toggleMenu()\">Les packs<\/a>\r\n <a href=\"#philosophie\" onclick=\"toggleMenu()\">\u00c0 propos<\/a>\r\n <a href=\"#faq\" onclick=\"toggleMenu()\">FAQ<\/a>\r\n <a href=\"#bibliotheque\" class=\"btn btn-dark btn-lg\" onclick=\"toggleMenu()\">Explorer les packs<\/a>\r\n<\/div>\r\n \r\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n<section class=\"hero\" id=\"accueil\">\r\n <div class=\"container\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-eyebrow\">\r\n <div class=\"hero-eyebrow-line\"><\/div>\r\n <span>Biblioth\u00e8que de business<\/span>\r\n <\/div>\r\n <h1>Une biblioth\u00e8que de business <em>simples, concrets<\/em> et pr\u00eats \u00e0 adapter.<\/h1>\r\n <p class=\"hero-sub\">NovaPacks vous aide \u00e0 lancer des activit\u00e9s r\u00e9alistes gr\u00e2ce \u00e0 des guides structur\u00e9s, des templates, des checklists et des plans d'action pr\u00eats \u00e0 l'emploi.<\/p>\r\n <div class=\"hero-cta\">\r\n <a href=\"#bibliotheque\" class=\"btn btn-dark btn-lg\">Voir la biblioth\u00e8que<\/a>\r\n <a href=\"#concept\" class=\"btn btn-outline btn-lg\">D\u00e9couvrir le concept<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\">\r\n <div class=\"mini-card fade-up\">\r\n <span class=\"mini-card-icon\">\ud83d\udd25<\/span>\r\n <div class=\"mini-card-title\">Location de Brasero<\/div>\r\n <div class=\"mini-card-meta\">Business Pack \u00b7 Disponible<\/div>\r\n <\/div>\r\n <div class=\"mini-card fade-up\">\r\n <span class=\"mini-card-icon\">\ud83e\udee7<\/span>\r\n <div class=\"mini-card-title\">Nettoyage \u00e0 domicile<\/div>\r\n <div class=\"mini-card-meta\">Business Pack \u00b7 Disponible<\/div>\r\n <\/div>\r\n <div class=\"mini-card fade-up\">\r\n <span class=\"mini-card-icon\">\ud83e\uddc0<\/span>\r\n <div class=\"mini-card-title\">Location Machine Raclette<\/div>\r\n <div class=\"mini-card-meta\">Business Pack \u00b7 Bient\u00f4t<\/div>\r\n <\/div>\r\n <div class=\"mini-card fade-up\">\r\n <span class=\"mini-card-icon\">\ud83d\udcf8<\/span>\r\n <div class=\"mini-card-title\">Photobooth \u00e9v\u00e9nementiel<\/div>\r\n <div class=\"mini-card-meta\">Business Pack \u00b7 Bient\u00f4t<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<!-- \u2500\u2500\u2500 CONCEPT \u2500\u2500\u2500 -->\r\n<section class=\"concept\" id=\"concept\">\r\n <div class=\"container\">\r\n <div class=\"concept-inner\">\r\n <div class=\"concept-text\">\r\n <div class=\"section-label\">\r\n <div class=\"section-label-line\"><\/div>\r\n <span>Notre approche<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">Ce n'est pas une formation. C'est une m\u00e9thode.<\/h2>\r\n <p class=\"concept-body\">NovaPacks ne vous promet pas de devenir riche. Nous ne vendons pas de l'inspiration vide ni des cours \u00e0 2 000\u20ac sur \"l'\u00e9tat d'esprit entrepreneurial\".<\/p>\r\n <p class=\"concept-body\">Nous vendons de la structure. Des guides pens\u00e9s pour passer \u00e0 l'action rapidement, \u00e9viter les erreurs classiques et lancer des activit\u00e9s qui ont du sens \u2014 locales, concr\u00e8tes, rentables \u00e0 petite \u00e9chelle.<\/p>\r\n <p class=\"concept-body\">Chaque pack est con\u00e7u pour quelqu'un qui a peu de temps, peu de budget, et qui veut des r\u00e9sultats r\u00e9els.<\/p>\r\n <\/div>\r\n <div class=\"pillars\">\r\n <div class=\"pillar fade-up\">\r\n <div class=\"pillar-num\">01<\/div>\r\n <div class=\"pillar-content\">\r\n <h3>Simple<\/h3>\r\n <p>Des instructions claires. Pas de jargon inutile. Chaque \u00e9tape est expliqu\u00e9e comme si vous partiez de z\u00e9ro \u2014 parce que c'est souvent le cas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pillar fade-up\">\r\n <div class=\"pillar-num\">02<\/div>\r\n <div class=\"pillar-content\">\r\n <h3>R\u00e9aliste<\/h3>\r\n <p>Des projections honn\u00eates. Des budgets de d\u00e9part v\u00e9rifi\u00e9s. Des revenus compl\u00e9mentaires accessibles \u2014 pas des promesses de libert\u00e9 financi\u00e8re.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pillar fade-up\">\r\n <div class=\"pillar-num\">03<\/div>\r\n <div class=\"pillar-content\">\r\n <h3>Actionnable<\/h3>\r\n <p>Scripts pr\u00eats \u00e0 envoyer. Templates \u00e0 personnaliser. Checklists \u00e0 cocher. Vous avez tout ce qu'il faut pour commencer cette semaine.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<!-- \u2500\u2500\u2500 LIBRARY \u2500\u2500\u2500 -->\r\n<section class=\"library\" id=\"bibliotheque\">\r\n <div class=\"container\">\r\n <div class=\"library-header\">\r\n <div>\r\n <div class=\"section-label\">\r\n <div class=\"section-label-line\"><\/div>\r\n <span>La biblioth\u00e8que<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">Explorez nos packs business.<\/h2>\r\n <p class=\"section-sub\">Des activit\u00e9s locales et digitales s\u00e9lectionn\u00e9es pour leur accessibilit\u00e9, leur potentiel et leur simplicit\u00e9 d'ex\u00e9cution.<\/p>\r\n <\/div>\r\n <a href=\"#niveaux\" class=\"btn btn-outline\">Voir tous les niveaux \u2192<\/a>\r\n <\/div>\r\n <div class=\"packs-grid\">\r\n <!-- Pack 1 -->\r\n <div class=\"pack-card fade-up\">\r\n <div class=\"pack-card-header\">\r\n <span class=\"pack-emoji\">\ud83d\udd25<\/span>\r\n <span class=\"tag available\">Disponible<\/span>\r\n <\/div>\r\n <div class=\"pack-body\">\r\n <h3>Location de Brasero<\/h3>\r\n <p>Lancer une activit\u00e9 locale de location de braseros premium pour soir\u00e9es, \u00e9v\u00e9nements et particuliers. Faible investissement, forte valeur per\u00e7ue.<\/p>\r\n <\/div>\r\n <div class=\"pack-footer\">\r\n <span class=\"pack-price\">Business Pack \u00b7 49\u20ac\u201369\u20ac<\/span>\r\n <a href=\"#pack-brasero\" class=\"pack-link\">Voir le pack \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Pack 2 -->\r\n <div class=\"pack-card fade-up\">\r\n <div class=\"pack-card-header\">\r\n <span class=\"pack-emoji\">\ud83e\udee7<\/span>\r\n <span class=\"tag available\">Disponible<\/span>\r\n <\/div>\r\n <div class=\"pack-body\">\r\n <h3>Nettoyage chez les particuliers<\/h3>\r\n <p>Cr\u00e9er une activit\u00e9 de nettoyage simple, locale et r\u00e9currente. L'une des activit\u00e9s avec la meilleure r\u00e9gularit\u00e9 de revenus pour un d\u00e9marrage rapide.<\/p>\r\n <\/div>\r\n <div class=\"pack-footer\">\r\n <span class=\"pack-price\">Business Pack \u00b7 39\u20ac\u201359\u20ac<\/span>\r\n <a href=\"#\" class=\"pack-link\">Voir le pack \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Pack 3 -->\r\n <div class=\"pack-card fade-up\">\r\n <div class=\"pack-card-header\">\r\n <span class=\"pack-emoji\">\ud83e\uddc0<\/span>\r\n <span class=\"tag soon\">Bient\u00f4t<\/span>\r\n <\/div>\r\n <div class=\"pack-body\">\r\n <h3>Location Machine \u00e0 Raclette<\/h3>\r\n <p>Lancer une petite activit\u00e9 saisonni\u00e8re conviviale et rentable. Parfaite pour automne et hiver, avec une demande forte et peu de concurrence locale.<\/p>\r\n <\/div>\r\n <div class=\"pack-footer\">\r\n <span class=\"pack-price\">Business Pack \u00b7 49\u20ac<\/span>\r\n <a href=\"#\" class=\"pack-link\">Me pr\u00e9venir \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Pack 4 -->\r\n <div class=\"pack-card fade-up\">\r\n <div class=\"pack-card-header\">\r\n <span class=\"pack-emoji\">\ud83c\udf7f<\/span>\r\n <span class=\"tag soon\">Bient\u00f4t<\/span>\r\n <\/div>\r\n <div class=\"pack-body\">\r\n <h3>Location Machine \u00e0 Popcorn<\/h3>\r\n <p>Proposer une animation simple pour anniversaires, \u00e9v\u00e9nements et f\u00eates locales. Visuel, accessible et tr\u00e8s appr\u00e9ci\u00e9 des familles et organisateurs.<\/p>\r\n <\/div>\r\n <div class=\"pack-footer\">\r\n <span class=\"pack-price\">Business Pack \u00b7 39\u20ac<\/span>\r\n <a href=\"#\" class=\"pack-link\">Me pr\u00e9venir \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Pack 5 -->\r\n <div class=\"pack-card fade-up\">\r\n <div class=\"pack-card-header\">\r\n <span class=\"pack-emoji\">\ud83c\udf6c<\/span>\r\n <span class=\"tag prep\">En pr\u00e9paration<\/span>\r\n <\/div>\r\n <div class=\"pack-body\">\r\n <h3>Location Machine \u00e0 Barbe \u00e0 Papa<\/h3>\r\n <p>Activit\u00e9 \u00e9v\u00e9nementielle simple, visuelle et accessible. Id\u00e9ale pour les march\u00e9s, f\u00eates locales, anniversaires et animations scolaires.<\/p>\r\n <\/div>\r\n <div class=\"pack-footer\">\r\n <span class=\"pack-price\">Business Pack \u00b7 \u00c0 venir<\/span>\r\n <a href=\"#\" class=\"pack-link\">Me pr\u00e9venir \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Pack 6 -->\r\n <div class=\"pack-card fade-up\">\r\n <div class=\"pack-card-header\">\r\n <span class=\"pack-emoji\">\ud83d\udcf8<\/span>\r\n <span class=\"tag prep\">En pr\u00e9paration<\/span>\r\n <\/div>\r\n <div class=\"pack-body\">\r\n <h3>Photobooth \u00e9v\u00e9nementiel<\/h3>\r\n <p>Louer un service photo cl\u00e9 en main pour mariages, anniversaires et entreprises. Fort potentiel de diff\u00e9renciation et client\u00e8le r\u00e9guli\u00e8re sur \u00e9v\u00e9nements.<\/p>\r\n <\/div>\r\n <div class=\"pack-footer\">\r\n <span class=\"pack-price\">Business Pack \u00b7 \u00c0 venir<\/span>\r\n <a href=\"#\" class=\"pack-link\">Me pr\u00e9venir \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<!-- \u2500\u2500\u2500 LEVELS \u2500\u2500\u2500 -->\r\n<section class=\"levels\" id=\"niveaux\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">\r\n <div class=\"section-label-line\"><\/div>\r\n <span>Niveaux disponibles<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">Choisissez votre niveau<br>d'engagement.<\/h2>\r\n <p class=\"section-sub\">Tous les packs sont disponibles en trois niveaux selon l\u00e0 o\u00f9 vous en \u00eates dans votre projet.<\/p>\r\n \r\n <div class=\"levels-grid\">\r\n <!-- Business -->\r\n <div class=\"level-card fade-up\">\r\n <div class=\"level-icon\">\ud83d\udce6<\/div>\r\n <div class=\"level-name\">Niveau 1<\/div>\r\n <h3 class=\"level-title\">Business Pack<\/h3>\r\n <p class=\"level-desc\">Pour lancer simplement. Tout ce qu'il faut pour commencer vite, sans se perdre dans les d\u00e9tails.<\/p>\r\n <ul class=\"level-features\">\r\n <li>Guide PDF complet<\/li>\r\n <li>Budget de d\u00e9part d\u00e9taill\u00e9<\/li>\r\n <li>Roadmap de lancement<\/li>\r\n <li>Scripts clients pr\u00eats \u00e0 l'emploi<\/li>\r\n <li>Checklists de d\u00e9marrage<\/li>\r\n <li>Calculateur de rentabilit\u00e9 simple<\/li>\r\n <li>Plan d'acquisition clients<\/li>\r\n <\/ul>\r\n <div class=\"level-price\">39\u20ac \u2013 79\u20ac <small>selon le pack<\/small><\/div>\r\n <a href=\"#bibliotheque\" class=\"btn btn-dark btn-lg\" style=\"width:100%;text-align:center;\">Voir les packs<\/a>\r\n <\/div>\r\n \r\n <!-- Pro -->\r\n <div class=\"level-card featured fade-up\">\r\n <div class=\"level-icon\">\ud83e\udded<\/div>\r\n <div class=\"level-name\">Niveau 2<\/div>\r\n <h3 class=\"level-title\">Pro Pack<\/h3>\r\n <p class=\"level-desc\">Pour structurer plus s\u00e9rieusement. Une approche plus compl\u00e8te pour aller plus loin, plus vite.<\/p>\r\n <ul class=\"level-features\">\r\n <li>Tout le Business Pack inclus<\/li>\r\n <li>Strat\u00e9gie d'acquisition avanc\u00e9e<\/li>\r\n <li>Branding & positionnement<\/li>\r\n <li>Templates professionnels complets<\/li>\r\n <li>Acquisition locale optimis\u00e9e<\/li>\r\n <li>Automatisations simples<\/li>\r\n <li>Mod\u00e8les de devis et contrats<\/li>\r\n <\/ul>\r\n <div class=\"level-price\">149\u20ac \u2013 399\u20ac <small>selon le pack<\/small><\/div>\r\n <a href=\"#\" class=\"btn btn-gold btn-lg\" style=\"width:100%;text-align:center;\">Bient\u00f4t disponible<\/a>\r\n <\/div>\r\n \r\n <!-- Premium -->\r\n <div class=\"level-card fade-up\">\r\n <div class=\"level-icon\">\u2726<\/div>\r\n <div class=\"level-name\">Niveau 3<\/div>\r\n <h3 class=\"level-title\">Premium Pack<\/h3>\r\n <p class=\"level-desc\">Pour aller beaucoup plus loin. Un accompagnement sur-mesure pour ceux qui veulent construire quelque chose de solide.<\/p>\r\n <ul class=\"level-features\">\r\n <li>Tout le Pro Pack inclus<\/li>\r\n <li>Concept complet personnalis\u00e9<\/li>\r\n <li>Maquette de votre activit\u00e9<\/li>\r\n <li>Syst\u00e8me d'op\u00e9rations complet<\/li>\r\n <li>Ressources premium exclusives<\/li>\r\n <li>Accompagnement possible<\/li>\r\n <li>Support d\u00e9di\u00e9<\/li>\r\n <\/ul>\r\n <div class=\"level-price\">Sur demande <small>\/ devis personnalis\u00e9<\/small><\/div>\r\n <a href=\"#\" class=\"btn btn-outline btn-lg\" style=\"width:100%;text-align:center;\">Nous contacter<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<!-- \u2500\u2500\u2500 FEATURED PACK \u2500\u2500\u2500 -->\r\n<section class=\"featured-pack\" id=\"pack-brasero\">\r\n <div class=\"container\">\r\n <div class=\"featured-inner\">\r\n <div>\r\n <div class=\"featured-badge\">\u2726 Pack en vedette<\/div>\r\n <h2 class=\"featured-title\">Location de <em>Brasero<\/em> \u2014<br>le pack complet.<\/h2>\r\n <p class=\"featured-desc\">Une activit\u00e9 locale accessible, avec une vraie valeur per\u00e7ue. La location de braseros premium r\u00e9pond \u00e0 une demande croissante pour les soir\u00e9es en ext\u00e9rieur, les \u00e9v\u00e9nements priv\u00e9s et les f\u00eates de voisins.<\/p>\r\n \r\n <div class=\"contents-grid\">\r\n <div class=\"content-item\">Guide complet de lancement<\/div>\r\n <div class=\"content-item\">Budget de d\u00e9part d\u00e9taill\u00e9<\/div>\r\n <div class=\"content-item\">Mat\u00e9riel recommand\u00e9<\/div>\r\n <div class=\"content-item\">Grille tarifaire<\/div>\r\n <div class=\"content-item\">Simulateur de rentabilit\u00e9<\/div>\r\n <div class=\"content-item\">Scripts clients<\/div>\r\n <div class=\"content-item\">Annonces pr\u00eates \u00e0 publier<\/div>\r\n <div class=\"content-item\">Checklist de lancement<\/div>\r\n <div class=\"content-item\">Plan marketing local<\/div>\r\n <div class=\"content-item\">Erreurs \u00e0 \u00e9viter<\/div>\r\n <\/div>\r\n \r\n <a href=\"#\" class=\"btn btn-dark btn-lg\">Voir le pack \u2192<\/a>\r\n <\/div>\r\n \r\n <div class=\"featured-visual\">\r\n <div class=\"featured-card\">\r\n <span class=\"featured-card-emoji\">\ud83d\udd25<\/span>\r\n <h4>Location de Brasero<\/h4>\r\n <p>Business Pack \u00b7 Activit\u00e9 locale<\/p>\r\n <div class=\"featured-items\">\r\n <div class=\"featured-item\"><span>\u2726<\/span> Guide PDF structur\u00e9<\/div>\r\n <div class=\"featured-item\"><span>\u2726<\/span> Budget & simulateur<\/div>\r\n <div class=\"featured-item\"><span>\u2726<\/span> Scripts & templates<\/div>\r\n <div class=\"featured-item\"><span>\u2726<\/span> Plan marketing local<\/div>\r\n <div class=\"featured-item\"><span>\u2726<\/span> Checklist compl\u00e8te<\/div>\r\n <\/div>\r\n <div class=\"featured-card-price\">\r\n <strong>49\u20ac<\/strong>\r\n <small>paiement unique \u00b7 acc\u00e8s imm\u00e9diat<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<!-- \u2500\u2500\u2500 PHILOSOPHY \u2500\u2500\u2500 -->\r\n<section class=\"philosophy\" id=\"philosophie\">\r\n <div class=\"container\">\r\n <div class=\"philosophy-inner\">\r\n <div class=\"section-label\" style=\"justify-content:center;margin-bottom:32px;\">\r\n <div class=\"section-label-line\"><\/div>\r\n <span>Notre philosophie<\/span>\r\n <div class=\"section-label-line\"><\/div>\r\n <\/div>\r\n <blockquote>\r\n \"NovaPacks ne vend pas du r\u00eave.<br>NovaPacks vend de la <strong>structure<\/strong>.\"\r\n <\/blockquote>\r\n <div class=\"philosophy-divider\"><\/div>\r\n <div class=\"philosophy-values\">\r\n <span class=\"philo-tag\">Petits business r\u00e9alistes<\/span>\r\n <span class=\"philo-tag\">Faible risque financier<\/span>\r\n <span class=\"philo-tag\">Progression ma\u00eetris\u00e9e<\/span>\r\n <span class=\"philo-tag\">Revenus compl\u00e9mentaires<\/span>\r\n <span class=\"philo-tag\">Ex\u00e9cution simple<\/span>\r\n <span class=\"philo-tag\">Z\u00e9ro promesse absurde<\/span>\r\n <\/div>\r\n <a href=\"#bibliotheque\" class=\"btn btn-gold btn-lg\">Explorer la biblioth\u00e8que<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<!-- \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 -->\r\n<section class=\"faq\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">\r\n <div class=\"section-label-line\"><\/div>\r\n <span>Questions fr\u00e9quentes<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">Vos questions,<br>nos r\u00e9ponses honn\u00eates.<\/h2>\r\n \r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <button class=\"faq-q\">\r\n Les packs sont-ils faits pour les d\u00e9butants ?\r\n <div class=\"faq-arrow\">+<\/div>\r\n <\/button>\r\n <div class=\"faq-a\">Oui. Chaque pack est con\u00e7u pour quelqu'un qui part de z\u00e9ro. Pas besoin d'exp\u00e9rience pr\u00e9alable en business, en comptabilit\u00e9 ou en marketing. Les \u00e9tapes sont expliqu\u00e9es clairement, dans l'ordre, sans suppositions.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <button class=\"faq-q\">\r\n Peut-on lancer sans gros budget ?\r\n <div class=\"faq-arrow\">+<\/div>\r\n <\/button>\r\n <div class=\"faq-a\">C'est exactement le principe. Les packs Business sont con\u00e7us pour des activit\u00e9s avec un budget de d\u00e9part faible \u2014 souvent entre 200\u20ac et 1 500\u20ac selon l'activit\u00e9. Chaque pack inclut un budget d\u00e9taill\u00e9 pour vous aider \u00e0 \u00e9valuer votre investissement de d\u00e9part.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <button class=\"faq-q\">\r\n Est-ce que les revenus sont garantis ?\r\n <div class=\"faq-arrow\">+<\/div>\r\n <\/button>\r\n <div class=\"faq-a\">Non, et nous ne pr\u00e9tendrons jamais le contraire. Aucun r\u00e9sultat n'est garanti \u2014 les r\u00e9sultats d\u00e9pendent de votre zone g\u00e9ographique, de votre implication et du march\u00e9 local. Ce que nous garantissons, c'est une m\u00e9thode structur\u00e9e pour maximiser vos chances de succ\u00e8s.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <button class=\"faq-q\">\r\n Que contient exactement un Business Pack ?\r\n <div class=\"faq-arrow\">+<\/div>\r\n <\/button>\r\n <div class=\"faq-a\">Un guide PDF complet, un budget de d\u00e9part d\u00e9taill\u00e9, une roadmap de lancement, des scripts clients pr\u00eats \u00e0 envoyer, des checklists, un calculateur de rentabilit\u00e9 simple et un plan d'acquisition de vos premiers clients. Tout ce dont vous avez besoin pour d\u00e9marrer proprement.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <button class=\"faq-q\">\r\n Les packs sont-ils mis \u00e0 jour ?\r\n <div class=\"faq-arrow\">+<\/div>\r\n <\/button>\r\n <div class=\"faq-a\">Oui. Les packs \u00e9voluent avec les retours utilisateurs et les changements du march\u00e9. Une fois le pack achet\u00e9, vous avez acc\u00e8s aux mises \u00e0 jour futures sans frais suppl\u00e9mentaires.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <button class=\"faq-q\">\r\n NovaPacks accompagne-t-il les projets premium ?\r\n <div class=\"faq-arrow\">+<\/div>\r\n <\/button>\r\n <div class=\"faq-a\">Oui, dans le cadre des Premium Packs. Pour les projets qui n\u00e9cessitent un accompagnement plus pouss\u00e9, nous proposons un suivi personnalis\u00e9, une construction de concept sur-mesure et un syst\u00e8me op\u00e9rationnel complet. Contactez-nous pour en discuter.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\">Nova<span>Packs<\/span><\/a>\r\n <p class=\"footer-tagline\">\"Des business simples. Des m\u00e9thodes claires. Une ex\u00e9cution plus propre.\"<\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Biblioth\u00e8que<\/h4>\r\n <a href=\"#bibliotheque\">Tous les packs<\/a>\r\n <a href=\"#niveaux\">Business Packs<\/a>\r\n <a href=\"#niveaux\">Pro Packs<\/a>\r\n <a href=\"#niveaux\">Premium Packs<\/a>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>\u00c0 propos<\/h4>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <a href=\"#\">Contact<\/a>\r\n <a href=\"#\">Conditions g\u00e9n\u00e9rales<\/a>\r\n <a href=\"#\">Mentions l\u00e9gales<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2025 NovaPacks \u2014 Tous droits r\u00e9serv\u00e9s.<\/p>\r\n <p>Des activit\u00e9s r\u00e9alistes. Des m\u00e9thodes qui respectent votre intelligence.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n \r\n<script>\r\n \/\/ \u2500\u2500\u2500 HEADER CTA on scroll \u2500\u2500\u2500\r\n window.addEventListener('scroll', () => {\r\n const cta = document.getElementById('nav-cta');\r\n if (window.scrollY > 120) {\r\n cta.style.display = 'inline-block';\r\n } else {\r\n cta.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ \u2500\u2500\u2500 HAMBURGER \u2500\u2500\u2500\r\n function toggleMenu() {\r\n const menu = document.getElementById('mobileMenu');\r\n menu.classList.toggle('open');\r\n }\r\n \r\n \/\/ \u2500\u2500\u2500 FAQ \u2500\u2500\u2500\r\n function toggleFaq(el) {\r\n const isOpen = el.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(f => f.classList.remove('open'));\r\n if (!isOpen) el.classList.add('open');\r\n }\r\n \r\n \/\/ \u2500\u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\u2500\r\n const fadeEls = document.querySelectorAll('.fade-up');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n \r\n fadeEls.forEach(el => observer.observe(el));\r\n \r\n \/\/ \u2500\u2500\u2500 HERO auto-animation \u2500\u2500\u2500\r\n document.querySelectorAll('.hero .fade-up').forEach((el, i) => {\r\n setTimeout(() => el.classList.add('visible'), 200 + i * 120);\r\n });\r\n \r\n \/\/ \u2500\u2500\u2500 Smooth active nav \u2500\u2500\u2500\r\n document.querySelectorAll('nav a, .mobile-menu a').forEach(link => {\r\n link.addEventListener('click', e => {\r\n const href = link.getAttribute('href');\r\n if (href && href.startsWith('#') && document.querySelector(href)) {\r\n e.preventDefault();\r\n document.querySelector(href).scrollIntoView({ behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NovaPacks \u2014 Biblioth\u00e8que de Business NovaPacks Accueil La biblioth\u00e8que Business Packs Pro Packs Premium Packs \u00c0 propos FAQ Explorer les packs Accueil La biblioth\u00e8que Les packs \u00c0 propos FAQ Explorer les packs Biblioth\u00e8que de business Une biblioth\u00e8que de business simples, concrets et pr\u00eats \u00e0 adapter. NovaPacks vous aide \u00e0 lancer des activit\u00e9s r\u00e9alistes gr\u00e2ce \u00e0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"blocksy_meta":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"thomas.coulomb7@gmail.com","author_link":"https:\/\/novapacks.fr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"NovaPacks \u2014 Biblioth\u00e8que de Business NovaPacks Accueil La biblioth\u00e8que Business Packs Pro Packs Premium Packs \u00c0 propos FAQ Explorer les packs Accueil La biblioth\u00e8que Les packs \u00c0 propos FAQ Explorer les packs Biblioth\u00e8que de business Une biblioth\u00e8que de business simples, concrets et pr\u00eats \u00e0 adapter. NovaPacks vous aide \u00e0 lancer des activit\u00e9s r\u00e9alistes gr\u00e2ce \u00e0\u2026","_links":{"self":[{"href":"https:\/\/novapacks.fr\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novapacks.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novapacks.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/novapacks.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/novapacks.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":4,"href":"https:\/\/novapacks.fr\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/novapacks.fr\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/novapacks.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}