{"id":13,"date":"2026-05-30T11:43:34","date_gmt":"2026-05-30T11:43:34","guid":{"rendered":"https:\/\/vermontenglish.com\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-06-25T22:42:39","modified_gmt":"2026-06-25T22:42:39","slug":"home","status":"publish","type":"page","link":"https:\/\/vermontenglish.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nVermont English \u2014 Hero<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<section class=\"ve-hero\">\n\n <!-- BACKGROUND GLOW -->\n <div class=\"ve-bg-glow\"><\/div>\n\n <div class=\"ve-hero-container\">\n\n <!-- LEFT -->\n <div class=\"ve-hero-left\">\n\n <div class=\"ve-badge\">\n \u2726 VERMONT ENGLISH \u2022 PREMIUM LEARNING\n <\/div>\n\n <h1>\n Learn English\n <span>with confidence.<\/span>\n <\/h1>\n\n <p>\n Premium English coaching designed for students,\n professionals, and global learners who want fluency,\n confidence, and real-world communication skills.\n <\/p>\n\n <!-- BUTTONS -->\n <div class=\"ve-hero-buttons\">\n <a href=\"\/book-a-call\" class=\"ve-btn-primary\">Book a Free Call<\/a>\n <a href=\"\/programs\" class=\"ve-btn-secondary\">Explore Programs<\/a>\n <\/div>\n\n\n\n <\/div>\n\n <!-- RIGHT -->\n <div class=\"ve-hero-right\">\n\n <!-- MAIN IMAGE CARD -->\n <div class=\"ve-main-card\">\n\n <img decoding=\"async\"\n src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?q=80&w=1400&auto=format&fit=crop\"\n alt=\"English Learning\"\n loading=\"eager\"\n fetchpriority=\"high\"\n title=\"Home\">\n\n <!-- FLOATING CARD -->\n <div class=\"ve-floating-card\">\n <div class=\"ve-floating-icon\">\u2713<\/div>\n <div>\n <h4>Premium Learning Experience<\/h4>\n <p>Interactive online classes with dedicated support.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n.ve-hero {\n position: relative;\n overflow: hidden;\n padding: 120px 20px;\n background: #f5f5f7;\n font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;\n -webkit-font-smoothing: antialiased;\n}\n\n.ve-bg-glow {\n position: absolute;\n width: 700px;\n height: 700px;\n background: radial-gradient(circle, #2E319220 0%, transparent 70%);\n top: -250px;\n right: -200px;\n z-index: 0;\n}\n\n.ve-hero-container {\n max-width: 1400px;\n margin: auto;\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 80px;\n align-items: center;\n position: relative;\n z-index: 2;\n}\n\n.ve-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 12px 22px;\n background: white;\n border-radius: 100px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1.5px;\n color: #6b7280;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n border: 1px solid #E5E5EA;\n}\n\n.ve-hero-left h1 {\n font-size: 110px;\n line-height: 0.95;\n letter-spacing: -5px;\n color: #111827;\n margin: 35px 0 30px;\n font-weight: 900;\n}\n\n.ve-hero-left h1 span {\n color: #2E3192;\n display: block;\n}\n\n.ve-hero-left p {\n font-size: 20px;\n line-height: 1.8;\n color: #6b7280;\n max-width: 580px;\n font-family: 'DM Sans', system-ui, sans-serif;\n}\n\n.ve-hero-buttons {\n display: flex;\n gap: 14px;\n margin-top: 45px;\n flex-wrap: wrap;\n}\n\n.ve-btn-primary {\n background: #2E3192;\n color: white;\n padding: 17px 36px;\n border-radius: 100px;\n text-decoration: none;\n font-weight: 700;\n font-size: 16px;\n letter-spacing: -.2px;\n transition: background .25s, transform .25s, box-shadow .25s;\n box-shadow: 0 8px 28px rgba(46,49,146,.3);\n}\n\n.ve-btn-primary:hover {\n background: #1d1f6e;\n transform: translateY(-3px);\n box-shadow: 0 16px 36px rgba(46,49,146,.38);\n}\n\n.ve-btn-secondary {\n background: white;\n color: #2E3192;\n padding: 17px 36px;\n border-radius: 100px;\n text-decoration: none;\n font-weight: 700;\n font-size: 16px;\n letter-spacing: -.2px;\n border: 1px solid #E5E5EA;\n transition: border-color .25s, box-shadow .25s, transform .25s;\n}\n\n.ve-btn-secondary:hover {\n border-color: #C7CAEE;\n box-shadow: 0 8px 24px rgba(46,49,146,.1);\n transform: translateY(-3px);\n}\n\n\n\n\/* RIGHT \u2014 IMAGE *\/\n.ve-main-card {\n position: relative;\n}\n\n.ve-main-card img {\n width: 100%;\n border-radius: 36px;\n object-fit: cover;\n display: block;\n box-shadow:\n 0 20px 60px rgba(0,0,0,0.12),\n 0 5px 20px rgba(0,0,0,0.06);\n}\n\n\/* FLOATING CARD *\/\n.ve-floating-card {\n position: absolute;\n bottom: 30px;\n left: -40px;\n background: white;\n border-radius: 24px;\n padding: 20px 22px;\n display: flex;\n gap: 16px;\n align-items: flex-start;\n width: 300px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.12);\n animation: floatCard 4s ease-in-out infinite;\n}\n\n.ve-floating-icon {\n width: 46px;\n height: 46px;\n background: #2E3192;\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.ve-floating-card h4 {\n margin: 0 0 6px;\n color: #111827;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: -.2px;\n}\n\n.ve-floating-card p {\n margin: 0;\n color: #6b7280;\n line-height: 1.55;\n font-size: 13px;\n font-family: 'DM Sans', system-ui, sans-serif;\n}\n\n@keyframes floatCard {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0); }\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1100px) {\n .ve-hero-container { grid-template-columns: 1fr; }\n .ve-hero-left { text-align: center; }\n .ve-hero-left p { margin: auto; }\n .ve-hero-buttons { justify-content: center; }\n\n .ve-floating-card { left: 20px; bottom: 20px; }\n}\n\n@media (max-width: 768px) {\n .ve-hero { padding: 90px 15px; }\n .ve-hero-left h1 { font-size: 58px; letter-spacing: -3px; }\n .ve-hero-left p { font-size: 17px; }\n\n .ve-floating-card {\n position: relative;\n width: 100%;\n left: 0; bottom: auto;\n margin-top: 16px;\n animation: none;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ve-floating-card { animation: none; }\n}\n\n<\/style>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7715a6 e-con-full e-flex e-con e-parent\" data-id=\"f7715a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ec1599 elementor-widget elementor-widget-html\" data-id=\"5ec1599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 Stats<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- ============================================================\n STATS SECTION\n Prefix: vst-\n Scoped under #vst-root\n Matches screenshot exactly:\n - Light #F2F2F7 Apple-grey background\n - 4 stats separated by 1px vertical dividers\n - Large bold number, accent-coloured suffix, grey label\n - Numbers count up on scroll into view\n ============================================================ -->\n<section id=\"vst-root\" aria-label=\"Vermont English at a glance\">\n <div class=\"vst-inner\">\n\n <div class=\"vst-item\">\n <p class=\"vst-num\" aria-label=\"100 plus lessons delivered\">\n <span class=\"vst-count\" data-target=\"1000\">0<\/span><span class=\"vst-suffix\">+<\/span>\n <\/p>\n <p class=\"vst-label\">Lessons delivered<\/p>\n <\/div>\n\n <div class=\"vst-div\" aria-hidden=\"true\"><\/div>\n\n <div class=\"vst-item\">\n <p class=\"vst-num\" aria-label=\"98 percent student satisfaction\">\n <span class=\"vst-count\" data-target=\"98\">0<\/span><span class=\"vst-suffix\">%<\/span>\n <\/p>\n <p class=\"vst-label\">Student satisfaction<\/p>\n <\/div>\n\n <div class=\"vst-div\" aria-hidden=\"true\"><\/div>\n\n <div class=\"vst-item\">\n <p class=\"vst-num\" aria-label=\"10 plus countries reached\">\n <span class=\"vst-count\" data-target=\"10\">0<\/span><span class=\"vst-suffix\">+<\/span>\n <\/p>\n <p class=\"vst-label\">Countries reached<\/p>\n <\/div>\n\n <div class=\"vst-div\" aria-hidden=\"true\"><\/div>\n\n <div class=\"vst-item\">\n <p class=\"vst-num\" aria-label=\"12 structured levels\">\n <span class=\"vst-count\" data-target=\"12\">0<\/span>\n <\/p>\n <p class=\"vst-label\">Structured levels<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<style>\n#vst-root {\n --f-display: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-body: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --ease-out: cubic-bezier(.16,1,.3,1);\n}\n\n#vst-root, #vst-root *, #vst-root *::before, #vst-root *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n#vst-root {\n background: #F2F2F7;\n border-top: 1px solid #E5E5EA;\n border-bottom: 1px solid #E5E5EA;\n}\n\n#vst-root .vst-inner {\n max-width: 1100px;\n margin: 0 auto;\n padding: 70px 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0;\n}\n\n\/* Each stat *\/\n#vst-root .vst-item {\n flex: 1;\n text-align: center;\n\n \/* reveal: starts invisible *\/\n opacity: 0;\n transform: translateY(20px);\n transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);\n}\n\n#vst-root .vst-item.vst-visible {\n opacity: 1;\n transform: none;\n}\n\n\/* Stagger via nth-child *\/\n#vst-root .vst-item:nth-child(1) { transition-delay: .00s; }\n#vst-root .vst-item:nth-child(3) { transition-delay: .08s; }\n#vst-root .vst-item:nth-child(5) { transition-delay: .16s; }\n#vst-root .vst-item:nth-child(7) { transition-delay: .24s; }\n\n\/* Number *\/\n#vst-root .vst-num {\n font-family: var(--f-display);\n font-size: 64px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: -3px;\n color: #0A0A0A;\n margin-bottom: 10px;\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1px;\n}\n\n\/* Accent suffix (+, %) *\/\n#vst-root .vst-suffix {\n font-size: 36px;\n font-weight: 800;\n color: var(--accent);\n letter-spacing: -1px;\n}\n\n\/* Label *\/\n#vst-root .vst-label {\n font-family: var(--f-body);\n font-size: 15px;\n font-weight: 400;\n color: #6B6B6B;\n letter-spacing: .1px;\n}\n\n\/* Divider *\/\n#vst-root .vst-div {\n width: 1px;\n height: 52px;\n background: #D1D1D6;\n flex-shrink: 0;\n margin: 0 20px;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n #vst-root .vst-inner {\n flex-wrap: wrap;\n padding: 50px 24px;\n gap: 40px;\n justify-content: center;\n }\n\n #vst-root .vst-item {\n min-width: 120px;\n flex: 0 0 calc(50% - 20px);\n }\n\n #vst-root .vst-div { display: none; }\n\n #vst-root .vst-num { font-size: 52px; }\n}\n\n@media (max-width: 400px) {\n #vst-root .vst-item {\n flex: 0 0 100%;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vst-root .vst-item {\n transition: none;\n opacity: 1;\n transform: none;\n }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n var items = document.querySelectorAll('#vst-root .vst-item');\n var counts = document.querySelectorAll('#vst-root .vst-count');\n\n \/* \u2500\u2500 Count-up animation \u2500\u2500 *\/\n function countUp(el) {\n var target = parseInt(el.getAttribute('data-target'), 10);\n var duration = 1200;\n var start = performance.now();\n\n function step(now) {\n var progress = Math.min((now - start) \/ duration, 1);\n \/* Ease out expo *\/\n var eased = 1 - Math.pow(1 - progress, 4);\n el.textContent = Math.round(eased * target);\n if (progress < 1) requestAnimationFrame(step);\n else el.textContent = target;\n }\n\n requestAnimationFrame(step);\n }\n\n var counted = false;\n\n \/* \u2500\u2500 Intersection observer \u2014 reveal + trigger count-up \u2500\u2500 *\/\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('vst-visible');\n }\n });\n\n \/* Trigger count-up once when section enters view *\/\n if (!counted) {\n var anyVisible = Array.from(items).some(function (i) {\n return i.classList.contains('vst-visible');\n });\n if (anyVisible) {\n counted = true;\n counts.forEach(function (c) { countUp(c); });\n }\n }\n }, { threshold: 0.3 });\n\n items.forEach(function (item) { observer.observe(item); });\n\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31bea9a e-con-full e-flex e-con e-parent\" data-id=\"31bea9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-826ace8 elementor-widget elementor-widget-html\" data-id=\"826ace8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 Programs<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- ============================================================\n PROGRAMS SECTION \u2014 Apple-feel editorial list\n Prefix: vpr-\n Scoped under #vpr-root\n Numbered row per program, hover slides right + arrow turns\n accent, two-column layout: left = header, right = list\n ============================================================ -->\n<section id=\"vpr-root\" aria-labelledby=\"vpr-heading\">\n<div class=\"vpr-inner\">\n\n <!-- Left: sticky header -->\n <div class=\"vpr-left vpr-reveal\">\n <p class=\"vpr-eyebrow\">Five programs<\/p>\n <h2 class=\"vpr-heading\" id=\"vpr-heading\">\n The right course<br>for your goal.\n <\/h2>\n <p class=\"vpr-sub\">\n Every program is available as private 1-on-1 or small\n group sessions \u2014 Online, at any level.\n <\/p>\n <a href=\"\/programs\" class=\"vpr-all-link\">\n View all programs\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n <!-- Right: numbered program list -->\n <div class=\"vpr-right\">\n <div class=\"vpr-list\" role=\"list\">\n\n <a href=\"\/programs#general-english\" class=\"vpr-item vpr-reveal\" style=\"--d:.04s\" role=\"listitem\">\n <span class=\"vpr-num\" aria-hidden=\"true\">01<\/span>\n <div class=\"vpr-item-body\">\n <h3 class=\"vpr-item-title\">General English<\/h3>\n <p class=\"vpr-item-desc\">Speaking, listening, reading and writing for everyday life and real-world communication.<\/p>\n <div class=\"vpr-item-pills\">\n <span>All levels<\/span>\n <span>60 min<\/span>\n <span>1-on-1 or Group<\/span>\n <\/div>\n <\/div>\n <span class=\"vpr-arrow\" aria-hidden=\"true\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a href=\"\/programs#business-english\" class=\"vpr-item vpr-reveal\" style=\"--d:.08s\" role=\"listitem\">\n <span class=\"vpr-num\" aria-hidden=\"true\">02<\/span>\n <div class=\"vpr-item-body\">\n <h3 class=\"vpr-item-title\">Business English<\/h3>\n <p class=\"vpr-item-desc\">Meetings, presentations, negotiations and professional communication for the global workplace.<\/p>\n <div class=\"vpr-item-pills\">\n <span>All levels<\/span>\n <span>60 min<\/span>\n <span>1-on-1 or Group<\/span>\n <\/div>\n <\/div>\n <span class=\"vpr-arrow\" aria-hidden=\"true\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a href=\"\/programs#exam-preparation\" class=\"vpr-item vpr-reveal\" style=\"--d:.12s\" role=\"listitem\">\n <span class=\"vpr-num\" aria-hidden=\"true\">03<\/span>\n <div class=\"vpr-item-body\">\n <h3 class=\"vpr-item-title\">Exam Preparation<\/h3>\n <p class=\"vpr-item-desc\">Structured coaching for IELTS, TOEFL and other recognised English language exams.<\/p>\n <div class=\"vpr-item-pills\">\n <span>All levels<\/span>\n <span>60 min<\/span>\n <span>1-on-1<\/span>\n <\/div>\n <\/div>\n <span class=\"vpr-arrow\" aria-hidden=\"true\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a href=\"\/programs#fluency-accelerator\" class=\"vpr-item vpr-reveal\" style=\"--d:.16s\" role=\"listitem\">\n <span class=\"vpr-num\" aria-hidden=\"true\">04<\/span>\n <div class=\"vpr-item-body\">\n <h3 class=\"vpr-item-title\">Fluency Accelerator<\/h3>\n <p class=\"vpr-item-desc\">Refresh your English, boost your confidence, and start speaking naturally again.<\/p>\n <div class=\"vpr-item-pills\">\n <span>All levels<\/span>\n <span>60 min<\/span>\n <span>1-on-1<\/span>\n <\/div>\n <\/div>\n <span class=\"vpr-arrow\" aria-hidden=\"true\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a href=\"\/programs#on-the-go\" class=\"vpr-item vpr-item-otg vpr-reveal\" style=\"--d:.20s\" role=\"listitem\">\n <span class=\"vpr-num\" aria-hidden=\"true\">05<\/span>\n <div class=\"vpr-item-body\">\n <h3 class=\"vpr-item-title\">\n On The Go Conversation\n <span class=\"vpr-otg-tag\">\u26a1 30 min<\/span>\n <\/h3>\n <p class=\"vpr-item-desc\">Focused conversation classes for individuals (\u20ac30) or groups up to 4 (\u20ac25\/student). Buy in multiples of 10.<\/p>\n <div class=\"vpr-item-pills\">\n <span>All levels<\/span>\n <span>30 min<\/span>\n <span>Individual or Group<\/span>\n <\/div>\n <\/div>\n <span class=\"vpr-arrow\" aria-hidden=\"true\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <\/div>\n <\/div>\n\n<\/div>\n<\/section>\n\n<style>\n#vpr-root {\n --f-display: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-body: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --ease-out: cubic-bezier(.16,1,.3,1);\n --black: #0A0A0A;\n --grey-1: #3A3A3C;\n --grey-3: #6B6B6B;\n --grey-5: #E5E5EA;\n --bg: #FFFFFF;\n}\n\n#vpr-root, #vpr-root *, #vpr-root *::before, #vpr-root *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n#vpr-root {\n background: var(--bg);\n padding: 160px 0;\n}\n\n#vpr-root .vpr-inner {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 40px;\n display: grid;\n grid-template-columns: 340px 1fr;\n gap: 80px;\n align-items: start;\n}\n\n\/* \u2500\u2500 Left: sticky header \u2500\u2500 *\/\n#vpr-root .vpr-left {\n position: sticky;\n top: 100px;\n}\n\n#vpr-root .vpr-eyebrow {\n display: block;\n font-family: var(--f-display);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 18px;\n}\n\n#vpr-root .vpr-heading {\n font-family: var(--f-display);\n font-size: clamp(36px, 3.5vw, 56px);\n font-weight: 900;\n line-height: 1.0;\n letter-spacing: -2.5px;\n color: var(--black);\n margin-bottom: 20px;\n}\n\n#vpr-root .vpr-sub {\n font-family: var(--f-body);\n font-size: 16px;\n line-height: 1.75;\n color: var(--grey-3);\n margin-bottom: 32px;\n}\n\n#vpr-root .vpr-all-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--f-display);\n font-size: 15px;\n font-weight: 700;\n color: var(--accent);\n text-decoration: none;\n letter-spacing: -.2px;\n transition: gap .2s, opacity .2s;\n}\n\n#vpr-root .vpr-all-link:hover { gap: 12px; opacity: .75; }\n#vpr-root .vpr-all-link:focus-visible { outline: 2px solid var(--accent); border-radius: 4px; outline-offset: 3px; }\n\n\/* \u2500\u2500 Right: program list \u2500\u2500 *\/\n#vpr-root .vpr-list {\n border-top: 1px solid var(--grey-5);\n display: flex;\n flex-direction: column;\n}\n\n\/* Each program row *\/\n#vpr-root .vpr-item {\n display: flex;\n align-items: flex-start;\n gap: 28px;\n padding: 36px 16px;\n border-bottom: 1px solid var(--grey-5);\n text-decoration: none;\n color: inherit;\n border-radius: 0;\n transition: background .25s, padding-left .25s, padding-right .25s;\n cursor: pointer;\n}\n\n#vpr-root .vpr-item:hover {\n background: #F2F2F7;\n padding-left: 28px;\n padding-right: 28px;\n margin: 0 -16px;\n border-radius: 16px;\n}\n\n#vpr-root .vpr-item:focus-visible {\n outline: 2px solid var(--accent);\n border-radius: 16px;\n outline-offset: 2px;\n}\n\n\/* Number *\/\n#vpr-root .vpr-num {\n font-family: var(--f-display);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n color: #AEAEB2;\n padding-top: 4px;\n flex-shrink: 0;\n width: 28px;\n}\n\n\/* Body *\/\n#vpr-root .vpr-item-body { flex: 1; }\n\n#vpr-root .vpr-item-title {\n font-family: var(--f-display);\n font-size: 20px;\n font-weight: 700;\n color: var(--black);\n letter-spacing: -.4px;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n#vpr-root .vpr-item-desc {\n font-family: var(--f-body);\n font-size: 14px;\n line-height: 1.65;\n color: var(--grey-3);\n margin-bottom: 12px;\n max-width: 520px;\n}\n\n\/* Pills *\/\n#vpr-root .vpr-item-pills {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n}\n\n#vpr-root .vpr-item-pills span {\n display: inline-block;\n padding: 4px 12px;\n background: #F2F2F7;\n border-radius: 100px;\n font-family: var(--f-display);\n font-size: 11px;\n font-weight: 600;\n color: var(--grey-1);\n letter-spacing: .2px;\n}\n\n\/* OTG tag *\/\n#vpr-root .vpr-otg-tag {\n display: inline-block;\n padding: 3px 10px;\n background: #FEF3C7;\n color: #92400E;\n border-radius: 100px;\n font-size: 11px;\n font-weight: 700;\n font-family: var(--f-display);\n letter-spacing: .3px;\n}\n\n\/* Arrow *\/\n#vpr-root .vpr-arrow {\n flex-shrink: 0;\n color: #AEAEB2;\n padding-top: 2px;\n transition: transform .25s var(--ease-out), color .25s;\n}\n\n#vpr-root .vpr-item:hover .vpr-arrow {\n transform: translateX(5px);\n color: var(--accent);\n}\n\n\/* OTG row \u2014 amber left border on hover *\/\n#vpr-root .vpr-item-otg:hover {\n background: #FFFBEB;\n}\n\n#vpr-root .vpr-item-otg:hover .vpr-num { color: #92400E; }\n#vpr-root .vpr-item-otg:hover .vpr-arrow { color: #92400E; }\n\n\/* \u2500\u2500 Reveal animation \u2500\u2500 *\/\n#vpr-root .vpr-reveal {\n opacity: 0;\n transform: translateY(24px);\n transition:\n opacity .7s var(--ease-out),\n transform .7s var(--ease-out);\n transition-delay: var(--d, 0s);\n}\n\n#vpr-root .vpr-reveal.vpr-visible {\n opacity: 1;\n transform: none;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n #vpr-root .vpr-inner {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n\n #vpr-root .vpr-left {\n position: static;\n }\n}\n\n@media (max-width: 600px) {\n #vpr-root { padding: 100px 0; }\n #vpr-root .vpr-inner { padding: 0 20px; }\n #vpr-root .vpr-item { gap: 16px; padding: 28px 12px; }\n #vpr-root .vpr-item:hover { margin: 0 -12px; padding-left: 20px; padding-right: 20px; }\n #vpr-root .vpr-item-title { font-size: 17px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vpr-root .vpr-reveal { transition: none; opacity: 1; transform: none; }\n #vpr-root .vpr-item { transition: background .25s; }\n #vpr-root .vpr-arrow { transition: color .25s; }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n var els = document.querySelectorAll('#vpr-root .vpr-reveal');\n if (!els.length) return;\n\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) {\n e.target.classList.add('vpr-visible');\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n\n els.forEach(function (el) { observer.observe(el); });\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-548431b e-con-full e-flex e-con e-parent\" data-id=\"548431b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea9b984 elementor-widget elementor-widget-html\" data-id=\"ea9b984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 Pricing<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<section id=\"vpc-root\" aria-labelledby=\"vpc-heading\">\n<div class=\"vpc-inner\">\n\n <!-- Header \u2014 left-aligned like screenshot -->\n <div class=\"vpc-header vpc-reveal\">\n <p class=\"vpc-eyebrow\">TRANSPARENT PRICING<\/p>\n <h2 class=\"vpc-heading\" id=\"vpc-heading\">Simple plans.<br>No surprises.<\/h2>\n <p class=\"vpc-subhead\">The more classes you commit to, the more you save. Every plan includes a dedicated teacher, Zoom lessons and progress reports.<\/p>\n <\/div>\n\n <!-- Toggle -->\n <div class=\"vpc-toggle-wrap vpc-reveal\" style=\"--d:.06s\" role=\"group\" aria-label=\"Filter by class type\">\n <button class=\"vpc-toggle vpc-toggle-active\" id=\"vpc-btn-ind\" aria-pressed=\"true\" onclick=\"vpcSwitch('individual')\">Individual<\/button>\n <button class=\"vpc-toggle\" id=\"vpc-btn-grp\" aria-pressed=\"false\" onclick=\"vpcSwitch('group')\">Group<\/button>\n <\/div>\n\n <!-- INDIVIDUAL \u2014 swipeable carousel, 3 visible, slides 1 at a time -->\n <div id=\"vpc-ind-section\">\n <div class=\"vpc-carousel-outer\">\n\n <div class=\"vpc-viewport vpc-reveal\" style=\"--d:.10s\">\n <div class=\"vpc-track\" id=\"vpc-track\">\n\n <!-- BASIC -->\n <div class=\"vpc-card\">\n <span class=\"vpc-pill\">8% OFF<\/span>\n <h3 class=\"vpc-name\">Basic<\/h3>\n <p class=\"vpc-meta\">10 classes \u00b7 1-on-1 \u00b7 60 min<\/p>\n <p class=\"vpc-old\">\u20ac45.00<\/p>\n <p class=\"vpc-price\">\u20ac41.40<span class=\"vpc-per\">\/class<\/span><\/p>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>10 intensive lessons<\/li>\n <li>Personal support<\/li>\n <li>Dedicated teacher<\/li>\n <\/ul>\n <a href=\"\/register?plan=basic\" class=\"vpc-btn\">Enroll Now<\/a>\n <\/div>\n\n <!-- STANDARD -->\n <div class=\"vpc-card\">\n <span class=\"vpc-pill\">10% OFF<\/span>\n <h3 class=\"vpc-name\">Standard<\/h3>\n <p class=\"vpc-meta\">15 classes \u00b7 1-on-1 \u00b7 60 min<\/p>\n <p class=\"vpc-old\">\u20ac45.00<\/p>\n <p class=\"vpc-price\">\u20ac40.50<span class=\"vpc-per\">\/class<\/span><\/p>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>Fluency coaching<\/li>\n <li>Pronunciation support<\/li>\n <li>Progress tracking<\/li>\n <\/ul>\n <a href=\"\/register?plan=standard\" class=\"vpc-btn\">Enroll Now<\/a>\n <\/div>\n\n <!-- ADVANCED \u2014 featured -->\n <div class=\"vpc-card vpc-featured\">\n <span class=\"vpc-popular-badge\">MOST POPULAR<\/span>\n <span class=\"vpc-pill vpc-pill-white\">10% OFF<\/span>\n <h3 class=\"vpc-name\">Advanced<\/h3>\n <p class=\"vpc-meta\">20 classes \u00b7 1-on-1 \u00b7 60 min<\/p>\n <p class=\"vpc-old\">\u20ac45.00<\/p>\n <p class=\"vpc-price\">\u20ac40.50<span class=\"vpc-per\">\/class<\/span><\/p>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>Business English<\/li>\n <li>Speaking mastery<\/li>\n <li>Personalised roadmap<\/li>\n <\/ul>\n <a href=\"\/register?plan=advanced\" class=\"vpc-btn vpc-btn-white\">Enroll Now<\/a>\n <\/div>\n\n <!-- INTENSIVE -->\n <div class=\"vpc-card\">\n <span class=\"vpc-pill\">12% OFF<\/span>\n <h3 class=\"vpc-name\">Intensive<\/h3>\n <p class=\"vpc-meta\">25 classes \u00b7 1-on-1 \u00b7 60 min<\/p>\n <p class=\"vpc-old\">\u20ac45.00<\/p>\n <p class=\"vpc-price\">\u20ac39.60<span class=\"vpc-per\">\/class<\/span><\/p>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>Fast-track fluency<\/li>\n <li>Weekly reviews<\/li>\n <li>Structured plan<\/li>\n <\/ul>\n <a href=\"\/register?plan=intensive\" class=\"vpc-btn\">Enroll Now<\/a>\n <\/div>\n\n <!-- PREMIUM -->\n <div class=\"vpc-card\">\n <span class=\"vpc-pill\">12% OFF<\/span>\n <h3 class=\"vpc-name\">Premium<\/h3>\n <p class=\"vpc-meta\">1-on-1 \u00b7 60 min<\/p>\n <p class=\"vpc-old\">\u20ac45.00<\/p>\n <p class=\"vpc-price\">\u20ac39.60<span class=\"vpc-per\">\/class<\/span><\/p>\n <select class=\"vpc-select\" aria-label=\"Select number of classes\"\n onchange=\"var a=this.closest('.vpc-card').querySelector('a.vpc-btn');a.href=a.href.split('&qty=')[0]+'&qty='+this.value;\">\n <option value=\"30\" selected>30 classes<\/option>\n <option value=\"40\">40 classes<\/option>\n <option value=\"50\">50 classes<\/option>\n <\/select>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>VIP coaching<\/li>\n <li>Executive English<\/li>\n <li>Priority scheduling<\/li>\n <\/ul>\n <a href=\"\/register?plan=premium&qty=30\" class=\"vpc-btn\">Enroll Now<\/a>\n <\/div>\n\n <!-- ON THE GO INDIVIDUAL -->\n <div class=\"vpc-card vpc-otg\">\n <span class=\"vpc-otg-tag\">\u26a1 ON THE GO<\/span>\n <span class=\"vpc-pill vpc-pill-otg\">30 Min<\/span>\n <h3 class=\"vpc-name\">Conversation<\/h3>\n <p class=\"vpc-meta\">Individual \u00b7 30-min conversation class<\/p>\n <p class=\"vpc-price\">\u20ac30.00<span class=\"vpc-per\">\/class<\/span><\/p>\n <select class=\"vpc-select\" aria-label=\"Select number of classes\"\n onchange=\"var a=this.closest('.vpc-card').querySelector('a.vpc-btn');a.href=a.href.split('&qty=')[0]+'&qty='+this.value;\">\n <option value=\"10\">10 classes<\/option>\n <option value=\"20\">20 classes<\/option>\n <option value=\"30\">30 classes<\/option>\n <option value=\"40\">40 classes<\/option>\n <\/select>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>30-min conversation class<\/li>\n <li>Speaking & fluency focus<\/li>\n <li>Multiples of 10<\/li>\n <\/ul>\n <a href=\"\/register?plan=otg-individual&qty=10\" class=\"vpc-btn\">Enroll Now<\/a>\n <\/div>\n\n <\/div><!-- \/.vpc-track -->\n <\/div><!-- \/.vpc-viewport -->\n\n <\/div><!-- \/.vpc-carousel-outer -->\n\n <!-- Controls row: prev \u00b7 dots \u00b7 next -->\n <div class=\"vpc-controls\">\n <button class=\"vpc-arrow\" id=\"vpc-prev\" aria-label=\"Previous plan\" disabled>\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n <\/button>\n <div class=\"vpc-dots\" id=\"vpc-dots\"><\/div>\n <button class=\"vpc-arrow\" id=\"vpc-next\" aria-label=\"Next plan\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/button>\n <\/div>\n\n <\/div><!-- \/#vpc-ind-section -->\n\n <!-- GROUP -->\n <div id=\"vpc-grp-section\" hidden>\n <div class=\"vpc-group-grid vpc-reveal\">\n\n <div class=\"vpc-card\">\n <h3 class=\"vpc-name\">Group Class<\/h3>\n <p class=\"vpc-meta\">Max 4 students \u00b7 60 min<\/p>\n <p class=\"vpc-price\">\u20ac35.00<span class=\"vpc-per\">\/student<\/span><\/p>\n <select class=\"vpc-select\" aria-label=\"Select number of classes\"\n onchange=\"var a=this.closest('.vpc-card').querySelector('a.vpc-btn');a.href=a.href.split('&qty=')[0]+'&qty='+this.value;\">\n <option value=\"10\">10 classes<\/option>\n <option value=\"20\">20 classes<\/option>\n <option value=\"30\">30 classes<\/option>\n <option value=\"40\">40 classes<\/option>\n <\/select>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>Interactive sessions<\/li>\n <li>Group discussions<\/li>\n <li>Speaking practice<\/li>\n <li>Collaborative learning<\/li>\n <\/ul>\n <a href=\"\/register?plan=group&qty=10\" class=\"vpc-btn\">Enroll Now<\/a>\n <\/div>\n\n <div class=\"vpc-card vpc-otg\">\n <span class=\"vpc-otg-tag\">\u26a1 ON THE GO<\/span>\n <span class=\"vpc-pill vpc-pill-otg\">30 Min<\/span>\n <h3 class=\"vpc-name\">Conversation Group<\/h3>\n <p class=\"vpc-meta\">Max 4 students \u00b7 30-min conversation<\/p>\n <p class=\"vpc-price\">\u20ac25.00<span class=\"vpc-per\">\/student<\/span><\/p>\n <select class=\"vpc-select\" aria-label=\"Select number of classes\"\n onchange=\"var a=this.closest('.vpc-card').querySelector('a.vpc-btn');a.href=a.href.split('&qty=')[0]+'&qty='+this.value;\">\n <option value=\"10\">10 classes<\/option>\n <option value=\"20\">20 classes<\/option>\n <option value=\"30\">30 classes<\/option>\n <option value=\"40\">40 classes<\/option>\n <\/select>\n <div class=\"vpc-div\"><\/div>\n <ul class=\"vpc-list\">\n <li>30-min conversation class<\/li>\n <li>Collaborative speaking<\/li>\n <li>Multiples of 10<\/li>\n <\/ul>\n <a href=\"\/register?plan=otg-group&qty=10\" class=\"vpc-btn\">Enroll Now<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Footer -->\n <div class=\"vpc-footer vpc-reveal\">\n <a href=\"\/pricing\" class=\"vpc-full-link\">\n See full pricing breakdown\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n<\/div>\n<\/section>\n\n<style>\n#vpc-root {\n --f-d: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-b: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --black: #0A0A0A;\n --g1: #3A3A3C;\n --g3: #6B6B6B;\n --g4: #AEAEB2;\n --g5: #E5E5EA;\n --bg: #F2F2F7;\n --white: #FFFFFF;\n --ease: cubic-bezier(.16,1,.3,1);\n --gap: 20px;\n}\n\n#vpc-root, #vpc-root *, #vpc-root *::before, #vpc-root *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n#vpc-root {\n background: var(--bg);\n padding: 120px 0 100px;\n font-family: var(--f-b);\n}\n\n#vpc-root .vpc-inner {\n max-width: 1060px;\n margin: 0 auto;\n padding: 0 40px;\n}\n\n\/* \u2500\u2500 Header \u2014 left aligned \u2500\u2500 *\/\n#vpc-root .vpc-header { margin-bottom: 40px; }\n\n#vpc-root .vpc-eyebrow {\n font-family: var(--f-d);\n font-size: 12px; font-weight: 700;\n letter-spacing: 2px; text-transform: uppercase;\n color: var(--accent); display: block; margin-bottom: 14px;\n}\n\n#vpc-root .vpc-heading {\n font-family: var(--f-d);\n font-size: clamp(42px, 6vw, 72px);\n font-weight: 900; line-height: 1.0; letter-spacing: -3px;\n color: var(--black); margin-bottom: 16px;\n}\n\n#vpc-root .vpc-subhead {\n font-size: 17px; line-height: 1.75; color: var(--g3);\n max-width: 560px;\n}\n\n\/* \u2500\u2500 Toggle \u2500\u2500 *\/\n#vpc-root .vpc-toggle-wrap {\n display: inline-flex; gap: 4px;\n background: #DCDCE0; border-radius: 100px; padding: 4px;\n margin-bottom: 40px;\n}\n\n#vpc-root .vpc-toggle {\n padding: 10px 30px; border-radius: 100px; border: none;\n font-size: 15px; font-weight: 600; font-family: var(--f-d);\n letter-spacing: -.2px; cursor: pointer;\n background: transparent; color: var(--g3);\n transition: background .25s, color .25s, box-shadow .25s;\n}\n\n#vpc-root .vpc-toggle-active {\n background: var(--accent); color: white;\n box-shadow: 0 4px 14px rgba(46,49,146,.28);\n}\n\n#vpc-root .vpc-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\n\n\/* \u2500\u2500 Carousel \u2500\u2500 *\/\n#vpc-root .vpc-carousel-outer { width: 100%; }\n\n#vpc-root .vpc-viewport {\n overflow: hidden;\n mask-image: linear-gradient(to right, transparent 0%, black 1.5%, black 98.5%, transparent 100%);\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 1.5%, black 98.5%, transparent 100%);\n cursor: grab;\n touch-action: pan-y;\n}\n\n#vpc-root .vpc-viewport.is-dragging { cursor: grabbing; }\n#vpc-root .vpc-viewport.is-dragging .vpc-track { transition: none; }\n#vpc-root .vpc-viewport.is-dragging .vpc-card { pointer-events: none; }\n\n#vpc-root .vpc-track {\n display: flex;\n gap: var(--gap);\n transition: transform .5s var(--ease);\n will-change: transform;\n padding: 28px 6px 24px;\n user-select: none;\n -webkit-user-select: none;\n}\n\n#vpc-root .vpc-card,\n#vpc-root .vpc-card img { -webkit-user-drag: none; user-drag: none; }\n\n\/* \u2500\u2500 Card \u2014 width = (100% - 2 gaps) \/ 3 \u2500\u2500 *\/\n#vpc-root .vpc-card {\n flex: 0 0 calc((100% - 2 * var(--gap)) \/ 3);\n background: var(--white);\n border-radius: 22px;\n border: 1px solid var(--g5);\n padding: 28px 24px 24px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n position: relative;\n box-shadow: 0 2px 12px rgba(0,0,0,.04);\n transition: transform .3s var(--ease), box-shadow .3s;\n}\n\n#vpc-root .vpc-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 14px 36px rgba(46,49,146,.09);\n}\n\n\/* Featured card *\/\n#vpc-root .vpc-featured {\n border: 2px solid var(--accent);\n box-shadow: 0 6px 28px rgba(46,49,146,.14);\n}\n\n#vpc-root .vpc-popular-badge {\n position: absolute;\n top: -15px; left: 50%; transform: translateX(-50%);\n background: var(--accent); color: white;\n padding: 6px 16px; border-radius: 100px;\n font-family: var(--f-d); font-size: 10px; font-weight: 800;\n letter-spacing: 1px; white-space: nowrap;\n box-shadow: 0 4px 14px rgba(46,49,146,.35);\n}\n\n\/* OTG card *\/\n#vpc-root .vpc-otg { border-color: #FDE68A; }\n#vpc-root .vpc-otg-tag {\n display: inline-block; padding: 4px 10px;\n background: #FEF3C7; color: #92400E;\n border-radius: 100px; font-family: var(--f-d);\n font-size: 10px; font-weight: 700; letter-spacing: .5px;\n align-self: flex-start;\n}\n\n\/* Discount pills *\/\n#vpc-root .vpc-pill {\n display: inline-block; padding: 5px 12px;\n background: var(--bg); color: var(--accent);\n border-radius: 100px; font-family: var(--f-d);\n font-size: 12px; font-weight: 700; letter-spacing: .3px;\n align-self: flex-start;\n}\n#vpc-root .vpc-pill-white { background: rgba(255,255,255,.2); color: white; }\n#vpc-root .vpc-pill-otg { background: #FEF3C7; color: #92400E; }\n\n\/* Name & meta *\/\n#vpc-root .vpc-name {\n font-family: var(--f-d); font-size: 28px; font-weight: 800;\n color: var(--black); letter-spacing: -.8px; line-height: 1; margin-top: 2px;\n}\n\n#vpc-root .vpc-featured .vpc-name { color: var(--black); }\n\n#vpc-root .vpc-meta { font-size: 13px; color: var(--g4); }\n\n\/* Pricing *\/\n#vpc-root .vpc-old {\n font-family: var(--f-d); font-size: 14px; font-weight: 500;\n color: var(--g4); text-decoration: line-through;\n}\n\n#vpc-root .vpc-price {\n font-family: var(--f-d); font-size: 34px; font-weight: 900;\n color: var(--accent); letter-spacing: -1.5px; line-height: 1;\n}\n\n#vpc-root .vpc-per { font-size: 15px; font-weight: 500; color: var(--g3); letter-spacing: 0; }\n\n#vpc-root .vpc-total { font-size: 14px; color: var(--g3); }\n#vpc-root .vpc-total strong { color: var(--black); font-weight: 700; }\n\n\/* Select dropdown *\/\n#vpc-root .vpc-select {\n padding: 8px 10px; border: 1.5px solid var(--g5);\n border-radius: 10px; font-size: 13px; font-weight: 600;\n font-family: var(--f-d); color: var(--black); background: var(--bg);\n cursor: pointer; appearance: none; -webkit-appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%232E3192' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 8px center;\n padding-right: 28px; width: 100%;\n}\n#vpc-root .vpc-select:focus { outline: none; border-color: var(--accent); }\n\n\/* Divider *\/\n#vpc-root .vpc-div { height: 1px; background: var(--g5); margin: 4px 0; }\n\n\/* Features *\/\n#vpc-root .vpc-list { list-style: none; flex: 1; display: flex; flex-direction: column; gap: 9px; margin-bottom: 4px; }\n#vpc-root .vpc-list li { font-size: 14px; color: var(--g1); padding-left: 20px; position: relative; line-height: 1.4; }\n#vpc-root .vpc-list li::before { content: '\u2713'; position: absolute; left: 0; color: #059669; font-weight: 700; font-size: 13px; }\n\n\/* Enroll button *\/\n#vpc-root .vpc-btn {\n display: block; text-align: center; padding: 15px;\n background: var(--black); color: white; border-radius: 14px;\n text-decoration: none; font-family: var(--f-d);\n font-weight: 700; font-size: 15px; letter-spacing: -.2px;\n transition: background .25s, transform .2s; margin-top: auto;\n}\n#vpc-root .vpc-btn:hover { background: var(--accent); transform: translateY(-2px); }\n#vpc-root .vpc-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\n#vpc-root .vpc-btn-white { background: var(--accent); }\n#vpc-root .vpc-btn-white:hover { background: #1d1f6e; }\n\n\/* \u2500\u2500 Controls row \u2500\u2500 *\/\n#vpc-root .vpc-controls {\n display: flex; align-items: center; justify-content: center;\n gap: 16px; margin-top: 24px;\n}\n\n\/* Arrow buttons *\/\n#vpc-root .vpc-arrow {\n width: 44px; height: 44px; flex-shrink: 0;\n border-radius: 50%; border: 1.5px solid var(--g5);\n background: var(--white); color: var(--black);\n cursor: pointer; display: flex; align-items: center; justify-content: center;\n transition: background .25s, border-color .25s, color .25s, transform .2s;\n}\n#vpc-root .vpc-arrow:hover { background: var(--accent); border-color: var(--accent); color: white; transform: scale(1.08); }\n#vpc-root .vpc-arrow:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\n#vpc-root .vpc-arrow:disabled { opacity: .3; cursor: default; pointer-events: none; }\n\n\/* Dots *\/\n#vpc-root .vpc-dots { display: flex; gap: 6px; }\n#vpc-root .vpc-dot {\n height: 7px; width: 7px; border-radius: 100px;\n border: none; background: var(--g5); cursor: pointer; padding: 0;\n transition: background .25s, width .3s var(--ease);\n}\n#vpc-root .vpc-dot.is-active { background: var(--accent); width: 22px; border-radius: 4px; }\n#vpc-root .vpc-dot:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n\n\/* \u2500\u2500 Group grid \u2500\u2500 *\/\n#vpc-root .vpc-group-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\n}\n\n\/* \u2500\u2500 Hidden \u2500\u2500 *\/\n#vpc-root #vpc-ind-section[hidden],\n#vpc-root #vpc-grp-section[hidden] { display: none !important; }\n\n\/* \u2500\u2500 Footer \u2500\u2500 *\/\n#vpc-root .vpc-footer { margin-top: 36px; }\n#vpc-root .vpc-full-link {\n display: inline-flex; align-items: center; gap: 8px;\n font-family: var(--f-d); font-size: 15px; font-weight: 600;\n color: var(--accent); text-decoration: none; letter-spacing: -.2px;\n transition: gap .2s, opacity .2s;\n}\n#vpc-root .vpc-full-link:hover { gap: 12px; opacity: .7; }\n\n\/* \u2500\u2500 Reveal \u2500\u2500 *\/\n#vpc-root .vpc-reveal {\n opacity: 0; transform: translateY(22px);\n transition: opacity .7s var(--ease), transform .7s var(--ease);\n transition-delay: var(--d, 0s);\n}\n#vpc-root .vpc-reveal.vpc-visible { opacity: 1; transform: none; }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 860px) {\n #vpc-root { --gap: 16px; }\n #vpc-root .vpc-card { flex: 0 0 calc((100% - var(--gap)) \/ 2); }\n}\n\n@media (max-width: 580px) {\n #vpc-root { padding: 90px 0 70px; }\n #vpc-root .vpc-inner { padding: 0 16px; }\n #vpc-root .vpc-card { flex: 0 0 85%; }\n #vpc-root .vpc-group-grid { grid-template-columns: 1fr; }\n #vpc-root .vpc-heading { letter-spacing: -2px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vpc-root .vpc-track { transition: none; }\n #vpc-root .vpc-reveal { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n var track = document.getElementById('vpc-track');\n var viewport = track.parentElement;\n var btnPrev = document.getElementById('vpc-prev');\n var btnNext = document.getElementById('vpc-next');\n var dotsEl = document.getElementById('vpc-dots');\n var cards = Array.from(track.children);\n var total = cards.length;\n var current = 0;\n\n \/* \u2500\u2500 Layout helpers \u2500\u2500 *\/\n function vis() {\n var w = viewport.offsetWidth;\n return w < 480 ? 1 : w < 720 ? 2 : 3;\n }\n function maxIdx() { return Math.max(0, total - vis()); }\n function step() {\n var gap = parseInt(getComputedStyle(track).columnGap) || 20;\n return cards[0].offsetWidth + gap;\n }\n function offsetFor(i) { return -i * step(); }\n\n \/* \u2500\u2500 Build dots \u2500\u2500 *\/\n cards.forEach(function (_, i) {\n var d = document.createElement('button');\n d.className = 'vpc-dot';\n d.setAttribute('aria-label', 'Plan ' + (i + 1));\n d.addEventListener('click', function () { goTo(i); });\n dotsEl.appendChild(d);\n });\n\n \/* \u2500\u2500 Core: move to an index (snaps, animates) \u2500\u2500 *\/\n function goTo(i) {\n current = Math.max(0, Math.min(i, maxIdx()));\n setX(offsetFor(current), true);\n dotsEl.querySelectorAll('.vpc-dot').forEach(function (d, idx) {\n d.classList.toggle('is-active', idx === current);\n });\n btnPrev.disabled = current === 0;\n btnNext.disabled = current >= maxIdx();\n }\n\n \/* Apply a translateX. animate=true uses the CSS transition;\n animate=false (during drag) is immediate for 1:1 finger tracking. *\/\n function setX(px, animate) {\n track.style.transition = animate ? '' : 'none';\n track.style.transform = 'translateX(' + px + 'px)';\n }\n\n btnPrev.addEventListener('click', function () { goTo(current - 1); });\n btnNext.addEventListener('click', function () { goTo(current + 1); });\n\n \/* \u2500\u2500 Keyboard \u2500\u2500 *\/\n viewport.setAttribute('tabindex', '0');\n viewport.addEventListener('keydown', function (e) {\n if (e.key === 'ArrowRight') { e.preventDefault(); goTo(current + 1); }\n if (e.key === 'ArrowLeft') { e.preventDefault(); goTo(current - 1); }\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\n SMOOTH DRAG \u2014 Pointer Events cover mouse + touch + pen\n with one code path, so desktop drag === mobile drag.\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 *\/\n var dragging = false;\n var startX = 0;\n var startXpos = 0;\n var lastX = 0;\n var lastT = 0;\n var velocity = 0;\n var moved = false;\n var pointerIdForCapture = null;\n var DRAG_THRESHOLD = 6;\n\n function minX() { return offsetFor(maxIdx()); }\n function maxX() { return 0; }\n\n function clampWithResistance(x) {\n if (x > maxX()) return maxX() + (x - maxX()) * 0.35;\n if (x < minX()) return minX() + (x - minX()) * 0.35;\n return x;\n }\n\n function onDown(e) {\n if (e.button === 2) return;\n dragging = true;\n moved = false;\n startX = e.clientX;\n lastX = e.clientX;\n lastT = e.timeStamp || Date.now();\n velocity = 0;\n startXpos = offsetFor(current);\n pointerIdForCapture = e.pointerId;\n \/\/ Deliberately NOT adding 'is-dragging' or capturing the pointer\n \/\/ here \u2014 that happens in onMove, only once real drag motion is\n \/\/ confirmed past the threshold. Doing it immediately on every\n \/\/ press (including plain clicks\/taps) was blocking the Enroll Now\n \/\/ links inside the cards from navigating at all.\n }\n\n function onMove(e) {\n if (!dragging) return;\n var dx = e.clientX - startX;\n if (!moved && Math.abs(dx) < DRAG_THRESHOLD) return;\n\n if (!moved) {\n \/\/ Just crossed the threshold for the first time \u2014 confirmed\n \/\/ as a real drag now, not a click. Engage capture + styling.\n moved = true;\n viewport.classList.add('is-dragging');\n if (pointerIdForCapture != null && viewport.setPointerCapture) {\n try { viewport.setPointerCapture(pointerIdForCapture); } catch (err) {}\n }\n }\n\n var now = e.timeStamp || Date.now();\n var dt = now - lastT;\n if (dt > 0) velocity = (e.clientX - lastX) \/ dt;\n lastX = e.clientX;\n lastT = now;\n\n setX(clampWithResistance(startXpos + dx), false);\n }\n\n function onUp(e) {\n if (!dragging) return;\n dragging = false;\n\n if (moved) {\n viewport.classList.remove('is-dragging');\n if (e.pointerId != null && viewport.releasePointerCapture) {\n try { viewport.releasePointerCapture(e.pointerId); } catch (err) {}\n }\n }\n\n if (!moved) { goTo(current); return; }\n\n var dragged = e.clientX - startX;\n var s = step();\n\n var FLICK = 0.45;\n var target;\n if (velocity <= -FLICK) target = current + 1;\n else if (velocity >= FLICK) target = current - 1;\n else target = Math.round(-(startXpos + dragged) \/ s);\n\n goTo(target);\n }\n\n if (window.PointerEvent) {\n viewport.addEventListener('pointerdown', onDown);\n viewport.addEventListener('pointermove', onMove);\n viewport.addEventListener('pointerup', onUp);\n viewport.addEventListener('pointercancel', onUp);\n viewport.addEventListener('pointerleave', function (e) { if (dragging) onUp(e); });\n } else {\n viewport.addEventListener('touchstart', function (e) { onDown(e.touches[0]); }, { passive: true });\n viewport.addEventListener('touchmove', function (e) { onMove(e.touches[0]); }, { passive: true });\n viewport.addEventListener('touchend', function (e) { onUp(e.changedTouches[0]); });\n viewport.addEventListener('mousedown', onDown);\n window.addEventListener('mousemove', onMove);\n window.addEventListener('mouseup', onUp);\n }\n\n \/* Suppress click if it was actually a drag (so Enroll links don't fire) *\/\n track.addEventListener('click', function (e) {\n if (moved) { e.preventDefault(); e.stopPropagation(); }\n }, true);\n\n \/* \u2500\u2500 Re-snap on resize (visible-count may change) \u2500\u2500 *\/\n var rt;\n window.addEventListener('resize', function () {\n clearTimeout(rt);\n rt = setTimeout(function () { goTo(current); }, 120);\n }, { passive: true });\n\n \/* \u2500\u2500 Toggle Individual \/ Group \u2500\u2500 *\/\n window.vpcSwitch = function (type) {\n var ind = document.getElementById('vpc-ind-section');\n var grp = document.getElementById('vpc-grp-section');\n var bi = document.getElementById('vpc-btn-ind');\n var bg = document.getElementById('vpc-btn-grp');\n if (type === 'individual') {\n ind.removeAttribute('hidden'); grp.setAttribute('hidden', '');\n bi.classList.add('vpc-toggle-active'); bg.classList.remove('vpc-toggle-active');\n bi.setAttribute('aria-pressed', 'true'); bg.setAttribute('aria-pressed', 'false');\n goTo(current);\n } else {\n grp.removeAttribute('hidden'); ind.setAttribute('hidden', '');\n bg.classList.add('vpc-toggle-active'); bi.classList.remove('vpc-toggle-active');\n bg.setAttribute('aria-pressed', 'true'); bi.setAttribute('aria-pressed', 'false');\n }\n };\n\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n var obs = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) { e.target.classList.add('vpc-visible'); obs.unobserve(e.target); }\n });\n }, { threshold: 0.1 });\n document.querySelectorAll('#vpc-root .vpc-reveal').forEach(function (el) { obs.observe(el); });\n\n goTo(0);\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ba4363 e-con-full e-flex e-con e-parent\" data-id=\"8ba4363\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b7da3e elementor-widget elementor-widget-html\" data-id=\"5b7da3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 For Business (Homepage, v3)<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n<!-- ============================================================\n FOR BUSINESS \u2014 Homepage teaser, v3\n Prefix: vcb-\n No card, no dashboard chrome. One huge live number is the\n entire hero moment \u2014 drag the slider and the typography\n itself reacts: the count grows, the verdict line changes\n colour, and the ambient glow behind it shifts mood once you\n cross into Enterprise. Apple-spec-sheet energy, not a\n pricing widget.\n Placement: insert directly AFTER Pricing, BEFORE Why.\n ============================================================ -->\n<section id=\"vcb-root\" aria-labelledby=\"vcb-tier\">\n\n <div class=\"vcb-glow vcb-glow-a\" aria-hidden=\"true\"><\/div>\n <div class=\"vcb-glow vcb-glow-b\" id=\"vcb-glow-b\" aria-hidden=\"true\"><\/div>\n\n <div class=\"vcb-inner\">\n\n <p class=\"vcb-eyebrow vcb-reveal\">For teams & companies<\/p>\n\n <div class=\"vcb-figure vcb-reveal\" style=\"--d:.06s\">\n <span class=\"vcb-num\" id=\"vcb-count\">20<\/span>\n <span class=\"vcb-numlabel\">people training<\/span>\n <\/div>\n\n <p class=\"vcb-tier vcb-reveal\" id=\"vcb-tier\" style=\"--d:.10s\">Growth pricing<\/p>\n\n <div class=\"vcb-control vcb-reveal\" style=\"--d:.16s\">\n <p class=\"vcb-hint\">Drag to see your plan.<\/p>\n\n <input\n type=\"range\" min=\"1\" max=\"80\" value=\"20\" step=\"1\"\n class=\"vcb-slider\" id=\"vcb-slider\"\n aria-label=\"Number of people you're training\"\n aria-describedby=\"vcb-tier-desc\"\n >\n\n <div class=\"vcb-tierlabels\" id=\"vcb-segments\">\n <span data-tier=\"starter\">Starter<\/span>\n <span data-tier=\"growth\">Growth<\/span>\n <span data-tier=\"enterprise\">Enterprise<\/span>\n <\/div>\n\n <p class=\"vcb-benefit\" id=\"vcb-tier-desc\">Dedicated account manager, custom curriculum, quarterly reporting.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"vcb-features vcb-reveal\" style=\"--d:.20s\" role=\"list\">\n\n <div class=\"vcb-feature\" role=\"listitem\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n <h3>Dedicated account manager<\/h3>\n <p>One point of contact for scheduling, billing and onboarding.<\/p>\n <\/div>\n\n <div class=\"vcb-feature\" role=\"listitem\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <h3>Flexible team sizes<\/h3>\n <p>Add or swap employees any time your team changes.<\/p>\n <\/div>\n\n <div class=\"vcb-feature\" role=\"listitem\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <h3>Volume-based pricing<\/h3>\n <p>Lower rates per employee as your team grows.<\/p>\n <\/div>\n\n <div class=\"vcb-feature\" role=\"listitem\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n <h3>Manager reports<\/h3>\n <p>See attendance and progress in one summary.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"vcb-inner\">\n <div class=\"vcb-cta-row vcb-reveal\" style=\"--d:.26s\">\n <a href=\"\/for-business\" class=\"vcb-cta\">\n Request a Quote\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <p class=\"vcb-reassure\">No commitment, no card required.<\/p>\n <\/div>\n\n <p class=\"vcb-sr-live\" id=\"vcb-live\" aria-live=\"polite\"><\/p>\n\n <\/div>\n<\/section>\n\n<style>\n#vcb-root {\n --f-d: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-b: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --amber: #92400E;\n --black: #0A0A0A;\n --g3: #6B6B6B;\n --g4: #AEAEB2;\n --g5: #E5E5EA;\n --ease: cubic-bezier(.16,1,.3,1);\n}\n\n#vcb-root, #vcb-root *, #vcb-root *::before, #vcb-root *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n#vcb-root {\n position: relative;\n overflow: hidden;\n background: #f5f5f7;\n padding: 120px 24px;\n text-align: center;\n}\n\n#vcb-root .vcb-glow {\n position: absolute;\n width: 900px; height: 900px;\n top: -360px; left: 50%;\n transform: translateX(-50%);\n z-index: 0;\n transition: opacity 1.1s ease;\n}\n#vcb-root .vcb-glow-a {\n background: radial-gradient(circle, #2E319222 0%, transparent 70%);\n opacity: 1;\n}\n#vcb-root .vcb-glow-b {\n background: radial-gradient(circle, #92400E1c 0%, transparent 70%);\n opacity: 0;\n}\n\n#vcb-root .vcb-inner {\n position: relative; z-index: 2;\n max-width: 620px; margin: 0 auto;\n}\n\n#vcb-root .vcb-eyebrow {\n display: block;\n font-family: var(--f-d); font-size: 12px; font-weight: 700;\n letter-spacing: 2.5px; text-transform: uppercase;\n color: var(--accent); margin-bottom: 20px;\n}\n\n\/* \u2500\u2500 The number \u2014 the whole hero moment \u2500\u2500 *\/\n#vcb-root .vcb-figure {\n display: flex; flex-direction: column; align-items: center;\n margin-bottom: 6px;\n}\n\n#vcb-root .vcb-num {\n font-family: var(--f-d);\n font-size: clamp(72px, 13vw, 124px);\n font-weight: 900; line-height: .88;\n letter-spacing: -5px; color: var(--black);\n}\n\n#vcb-root .vcb-numlabel {\n font-family: var(--f-d); font-size: 13px; font-weight: 700;\n letter-spacing: 1.5px; text-transform: uppercase;\n color: var(--g4); margin-top: 4px;\n}\n\n#vcb-root .vcb-tier {\n font-family: var(--f-d);\n font-size: clamp(28px, 5vw, 46px);\n font-weight: 900; line-height: 1.0;\n letter-spacing: -2px;\n color: var(--accent);\n margin-bottom: 36px;\n transition: color .5s;\n}\n#vcb-root .vcb-tier.vcb-tier-enterprise { color: var(--amber); }\n\n\/* \u2500\u2500 Control \u2500\u2500 *\/\n#vcb-root .vcb-hint {\n font-family: var(--f-b); font-size: 14px; color: var(--g4);\n margin-bottom: 14px;\n}\n\n#vcb-root .vcb-slider {\n width: 100%;\n -webkit-appearance: none; appearance: none;\n height: 4px; border-radius: 100px;\n background: var(--g5);\n margin-bottom: 16px;\n cursor: pointer;\n outline: none;\n}\n#vcb-root .vcb-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 24px; height: 24px; border-radius: 50%;\n background: #ffffff;\n border: 4px solid var(--accent);\n box-shadow: 0 4px 14px rgba(46,49,146,.32);\n cursor: pointer;\n transition: transform .15s, border-color .4s;\n}\n#vcb-root .vcb-slider::-webkit-slider-thumb:hover { transform: scale(1.12); }\n#vcb-root .vcb-slider::-moz-range-thumb {\n width: 24px; height: 24px; border-radius: 50%;\n background: #ffffff; border: 4px solid var(--accent);\n box-shadow: 0 4px 14px rgba(46,49,146,.32); cursor: pointer;\n}\n#vcb-root .vcb-slider::-moz-range-track {\n height: 4px; border-radius: 100px; background: var(--g5);\n}\n#vcb-root .vcb-slider:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }\n\n#vcb-root .vcb-tierlabels {\n display: flex; justify-content: space-between;\n margin-bottom: 18px;\n}\n#vcb-root .vcb-tierlabels span {\n font-family: var(--f-d); font-size: 12.5px; font-weight: 600;\n color: var(--g4); letter-spacing: -.1px;\n transition: color .3s, font-weight .3s;\n}\n#vcb-root .vcb-tierlabels span.vcb-seg-active {\n color: var(--accent); font-weight: 800;\n}\n#vcb-root .vcb-tierlabels span.vcb-seg-active[data-tier=\"enterprise\"] {\n color: var(--amber);\n}\n\n#vcb-root .vcb-benefit {\n font-family: var(--f-b); font-size: 14.5px; line-height: 1.6;\n color: var(--g3); min-height: 42px; max-width: 420px;\n margin: 0 auto;\n}\n\n\/* \u2500\u2500 Features row \u2014 wider than the hero column, Stats-style dividers \u2500\u2500 *\/\n#vcb-root .vcb-features {\n position: relative; z-index: 2;\n max-width: 1040px; margin: 48px auto 0;\n display: flex; align-items: flex-start;\n border-top: 1px solid var(--g5);\n padding-top: 32px;\n}\n\n#vcb-root .vcb-feature {\n flex: 1; padding: 0 28px; text-align: center;\n border-right: 1px solid var(--g5);\n}\n#vcb-root .vcb-feature:last-child { border-right: none; }\n\n#vcb-root .vcb-feature svg {\n color: var(--accent); margin-bottom: 12px;\n}\n\n#vcb-root .vcb-feature h3 {\n font-family: var(--f-d); font-size: 16px; font-weight: 700;\n color: var(--black); letter-spacing: -.2px; margin-bottom: 8px;\n}\n\n#vcb-root .vcb-feature p {\n font-family: var(--f-b); font-size: 13.5px; line-height: 1.6;\n color: var(--g3);\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n#vcb-root .vcb-cta-row { margin-top: 32px; }\n#vcb-root .vcb-cta {\n display: inline-flex; align-items: center; gap: 9px;\n padding: 17px 36px;\n background: var(--black); color: white;\n border-radius: 100px; text-decoration: none;\n font-family: var(--f-d); font-weight: 700; font-size: 15px;\n letter-spacing: -.1px;\n transition: background .25s, transform .25s, box-shadow .25s;\n box-shadow: 0 10px 28px rgba(0,0,0,.18);\n}\n#vcb-root .vcb-cta:hover { background: var(--accent); transform: translateY(-3px); }\n#vcb-root .vcb-cta:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\n\n#vcb-root .vcb-reassure {\n font-family: var(--f-b); font-size: 13px; color: var(--g4);\n margin-top: 16px;\n}\n\n\/* \u2500\u2500 Screen-reader live region (visually hidden) \u2500\u2500 *\/\n#vcb-root .vcb-sr-live {\n position: absolute; width: 1px; height: 1px;\n overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;\n}\n\n\/* \u2500\u2500 Reveal \u2500\u2500 *\/\n#vcb-root .vcb-reveal {\n opacity: 0; transform: translateY(20px);\n transition: opacity .8s var(--ease), transform .8s var(--ease);\n transition-delay: var(--d, 0s);\n}\n#vcb-root .vcb-reveal.vcb-visible { opacity: 1; transform: none; }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n #vcb-root .vcb-features {\n flex-wrap: wrap; max-width: 480px; gap: 32px 0;\n border-top: none; padding-top: 0;\n }\n #vcb-root .vcb-feature {\n flex: 0 0 50%; border-right: none;\n border-top: 1px solid var(--g5); padding-top: 32px;\n }\n}\n\n@media (max-width: 600px) {\n #vcb-root { padding: 80px 20px; }\n #vcb-root .vcb-tier { margin-bottom: 28px; }\n #vcb-root .vcb-tierlabels span { font-size: 11px; }\n #vcb-root .vcb-features { flex-direction: column; max-width: 320px; gap: 0; }\n #vcb-root .vcb-feature { flex: 1 1 auto; padding: 28px 0 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vcb-root .vcb-reveal { transition: none; opacity: 1; transform: none; }\n #vcb-root .vcb-glow { transition: none; }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n var slider = document.getElementById('vcb-slider');\n var countEl = document.getElementById('vcb-count');\n var tierEl = document.getElementById('vcb-tier');\n var descEl = document.getElementById('vcb-tier-desc');\n var liveEl = document.getElementById('vcb-live');\n var glowB = document.getElementById('vcb-glow-b');\n var segs = document.querySelectorAll('#vcb-segments span');\n\n var TIERS = {\n starter: { name: 'Starter pricing', max: 15, desc: '1-on-1 or group lessons, shared account manager, monthly progress summary.' },\n growth: { name: 'Growth pricing', max: 50, desc: 'Dedicated account manager, custom curriculum, quarterly reporting.' },\n enterprise: { name: 'Enterprise pricing', max: Infinity, desc: 'Priority scheduling across instructors, custom invoicing terms.' }\n };\n\n function tierFor(n) {\n if (n <= TIERS.starter.max) return 'starter';\n if (n <= TIERS.growth.max) return 'growth';\n return 'enterprise';\n }\n\n function setSliderFill(pct) {\n slider.style.background =\n 'linear-gradient(to right, #2E3192 0%, #2E3192 ' + pct + '%, #E5E5EA ' + pct + '%, #E5E5EA 100%)';\n }\n\n function update() {\n var n = parseInt(slider.value, 10);\n var key = tierFor(n);\n var tier = TIERS[key];\n var pct = ((n - slider.min) \/ (slider.max - slider.min)) * 100;\n\n setSliderFill(pct);\n\n countEl.textContent = n;\n tierEl.textContent = tier.name;\n tierEl.classList.toggle('vcb-tier-enterprise', key === 'enterprise');\n descEl.textContent = tier.desc;\n glowB.style.opacity = key === 'enterprise' ? '1' : '0';\n\n segs.forEach(function (seg) {\n seg.classList.toggle('vcb-seg-active', seg.getAttribute('data-tier') === key);\n });\n\n liveEl.textContent = n + ' people \\u2014 ' + tier.name + ' selected';\n }\n\n slider.addEventListener('input', update);\n update();\n\n var els = document.querySelectorAll('#vcb-root .vcb-reveal');\n var obs = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) { e.target.classList.add('vcb-visible'); obs.unobserve(e.target); }\n });\n }, { threshold: 0.1 });\n els.forEach(function (el) { obs.observe(el); });\n\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-483e943 e-con-full e-flex e-con e-parent\" data-id=\"483e943\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2e6af elementor-widget elementor-widget-html\" data-id=\"4a2e6af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 Why<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- ============================================================\n WHY VERMONT ENGLISH \u2014 Apple-feel\n Prefix: vwh-\n Solid dark background (photo removed)\n One heading, three clean feature rows \u2014 no cards, no boxes\n Minimal colour \u2014 white text only, accent used once\n ============================================================ -->\n<section id=\"vwh-root\" aria-labelledby=\"vwh-heading\">\n\n <div class=\"vwh-inner\">\n\n <!-- Top: eyebrow + heading -->\n <div class=\"vwh-header vwh-reveal\">\n <p class=\"vwh-eyebrow\">Why Vermont English<\/p>\n <h2 class=\"vwh-heading\" id=\"vwh-heading\">\n Designed for<br>real world results.\n <\/h2>\n <\/div>\n\n <!-- Three feature rows \u2014 no cards, just clean horizontal lines -->\n <div class=\"vwh-features\" role=\"list\">\n\n <div class=\"vwh-feature vwh-reveal\" style=\"--d:.08s\" role=\"listitem\">\n <div class=\"vwh-feature-num\" aria-hidden=\"true\">01<\/div>\n <div class=\"vwh-feature-body\">\n <h3 class=\"vwh-feature-title\">Real teachers<\/h3>\n <p class=\"vwh-feature-desc\">Experienced instructors who adapt every lesson to your level, pace and goals not a script, not an algorithm.<\/p>\n <\/div>\n <div class=\"vwh-feature-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"vwh-feature vwh-reveal\" style=\"--d:.16s\" role=\"listitem\">\n <div class=\"vwh-feature-num\" aria-hidden=\"true\">02<\/div>\n <div class=\"vwh-feature-body\">\n <h3 class=\"vwh-feature-title\">Flexible schedule<\/h3>\n <p class=\"vwh-feature-desc\">Morning, evening, weekdays or weekends. Book lessons around your life, not the other way around.<\/p>\n <\/div>\n <div class=\"vwh-feature-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"vwh-feature vwh-reveal\" style=\"--d:.24s\" role=\"listitem\">\n <div class=\"vwh-feature-num\" aria-hidden=\"true\">03<\/div>\n <div class=\"vwh-feature-body\">\n <h3 class=\"vwh-feature-title\">Progress you can see<\/h3>\n <p class=\"vwh-feature-desc\">Lesson reports, progress tracking and instructor feedback after every class so you always know how far you've come.<\/p>\n <\/div>\n <div class=\"vwh-feature-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/>\n <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/>\n <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n#vwh-root {\n --f-d: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-b: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --ease: cubic-bezier(.16,1,.3,1);\n\n position: relative;\n overflow: hidden;\n padding: 160px 0;\n background: #1E2152;\n}\n\n#vwh-root, #vwh-root *, #vwh-root *::before, #vwh-root *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 Content \u2500\u2500 *\/\n#vwh-root .vwh-inner {\n position: relative;\n z-index: 2;\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 60px;\n display: grid;\n grid-template-columns: 360px 1fr;\n gap: 80px;\n align-items: start;\n}\n\n\/* \u2500\u2500 Header (left column, sticky) \u2500\u2500 *\/\n#vwh-root .vwh-header {\n position: sticky;\n top: 120px;\n}\n\n#vwh-root .vwh-eyebrow {\n display: block;\n font-family: var(--f-d);\n font-size: 12px; font-weight: 700;\n letter-spacing: 2.5px; text-transform: uppercase;\n color: rgba(255,255,255,.45);\n margin-bottom: 20px;\n}\n\n#vwh-root .vwh-heading {\n font-family: var(--f-d);\n font-size: clamp(38px, 3.8vw, 60px);\n font-weight: 900;\n line-height: 1.0;\n letter-spacing: -2.5px;\n color: #ffffff;\n}\n\n\/* \u2500\u2500 Feature list (right column) \u2500\u2500 *\/\n#vwh-root .vwh-features {\n display: flex;\n flex-direction: column;\n border-top: 1px solid rgba(255,255,255,.10);\n}\n\n\/* Each feature row *\/\n#vwh-root .vwh-feature {\n display: grid;\n grid-template-columns: 36px 1fr 48px;\n gap: 28px;\n align-items: start;\n padding: 44px 0;\n border-bottom: 1px solid rgba(255,255,255,.10);\n transition: background .3s;\n}\n\n#vwh-root .vwh-feature:hover {\n background: rgba(255,255,255,.03);\n padding-left: 12px;\n padding-right: 12px;\n margin: 0 -12px;\n border-radius: 16px;\n border-color: transparent;\n}\n\n\/* Number *\/\n#vwh-root .vwh-feature-num {\n font-family: var(--f-d);\n font-size: 12px; font-weight: 700;\n letter-spacing: 1px;\n color: rgba(255,255,255,.25);\n padding-top: 5px;\n}\n\n\/* Body *\/\n#vwh-root .vwh-feature-title {\n font-family: var(--f-d);\n font-size: 22px; font-weight: 700;\n color: #ffffff;\n letter-spacing: -.4px;\n margin-bottom: 10px;\n}\n\n#vwh-root .vwh-feature-desc {\n font-family: var(--f-b);\n font-size: 15px; line-height: 1.75;\n color: rgba(255,255,255,.55);\n max-width: 440px;\n}\n\n\/* Icon *\/\n#vwh-root .vwh-feature-icon {\n width: 48px; height: 48px;\n border-radius: 14px;\n border: 1px solid rgba(255,255,255,.12);\n background: rgba(255,255,255,.06);\n color: rgba(255,255,255,.6);\n display: flex; align-items: center; justify-content: center;\n transition: background .3s, border-color .3s, color .3s;\n}\n\n#vwh-root .vwh-feature:hover .vwh-feature-icon {\n background: rgba(255,255,255,.12);\n border-color: rgba(255,255,255,.2);\n color: #ffffff;\n}\n\n\/* \u2500\u2500 Reveal \u2500\u2500 *\/\n#vwh-root .vwh-reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity .8s var(--ease), transform .8s var(--ease);\n transition-delay: var(--d, 0s);\n}\n\n#vwh-root .vwh-reveal.vwh-visible {\n opacity: 1;\n transform: none;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n #vwh-root .vwh-inner {\n grid-template-columns: 1fr;\n gap: 52px;\n padding: 0 40px;\n }\n #vwh-root .vwh-header { position: static; }\n}\n\n@media (max-width: 600px) {\n #vwh-root { padding: 100px 0; }\n #vwh-root .vwh-inner { padding: 0 24px; gap: 40px; }\n #vwh-root .vwh-feature { grid-template-columns: 28px 1fr; gap: 16px; }\n #vwh-root .vwh-feature-icon { display: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vwh-root .vwh-reveal { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n var els = document.querySelectorAll('#vwh-root .vwh-reveal');\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) {\n e.target.classList.add('vwh-visible');\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n\n els.forEach(function (el) { observer.observe(el); });\n\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-594eb7b e-con-full e-flex e-con e-parent\" data-id=\"594eb7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5b2b8b elementor-widget elementor-widget-html\" data-id=\"f5b2b8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 Testimonials<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- ============================================================\n TESTIMONIALS \u2014 Ultra-premium Apple-feel\n Prefix: vtm-\n Full-bleed dark canvas. Large editorial quote dominates.\n No progress bar. No clutter. Just the words.\n 6 quotes, 12s auto-advance, 1.4s cross-dissolve\n Minimal dots below \u2014 that's it.\n ============================================================ -->\n<section id=\"vtm-root\" aria-labelledby=\"vtm-heading\">\n\n <!-- Subtle background texture -->\n <div class=\"vtm-bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"vtm-inner\">\n\n <!-- Top row: eyebrow left, aggregate right -->\n <div class=\"vtm-top-row vtm-reveal\">\n <p class=\"vtm-eyebrow\">Student voices<\/p>\n <div class=\"vtm-aggregate\" aria-label=\"4.9 out of 5 average rating\">\n <span class=\"vtm-stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"vtm-agg-num\">4.9<\/span>\n <span class=\"vtm-agg-label\">\/ 214 reviews<\/span>\n <\/div>\n <\/div>\n\n <!-- Quote stage -->\n <div class=\"vtm-stage\" id=\"vtm-stage\" aria-live=\"polite\" aria-atomic=\"true\">\n\n <div class=\"vtm-quote is-active\" data-index=\"0\">\n <blockquote class=\"vtm-blockquote\">\n \"My confidence improved dramatically after only a few weeks. The lessons are structured, engaging, and easy to apply in real life.\"\n <\/blockquote>\n <div class=\"vtm-attribution\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face&auto=format\" alt=\"Sarah M.\" class=\"vtm-photo\" width=\"44\" height=\"44\" loading=\"lazy\" title=\"Home\">\n <div class=\"vtm-attr-text\">\n <p class=\"vtm-name\">Sarah M.<\/p>\n <p class=\"vtm-detail\">France  \u00b7  Standard plan  \u00b7  8 weeks<\/p>\n <\/div>\n <div class=\"vtm-rating\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vtm-quote\" data-index=\"1\">\n <blockquote class=\"vtm-blockquote\">\n \"The teaching quality is exceptional. Every lesson feels personalised, focused and genuinely professional.\"\n <\/blockquote>\n <div class=\"vtm-attribution\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop&crop=face&auto=format\" alt=\"Daniel K.\" class=\"vtm-photo\" width=\"44\" height=\"44\" loading=\"lazy\" title=\"Home\">\n <div class=\"vtm-attr-text\">\n <p class=\"vtm-name\">Daniel K.<\/p>\n <p class=\"vtm-detail\">Germany  \u00b7  Advanced plan  \u00b7  12 weeks<\/p>\n <\/div>\n <div class=\"vtm-rating\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vtm-quote\" data-index=\"2\">\n <blockquote class=\"vtm-blockquote\">\n \"My pronunciation improved significantly. I now speak English much more naturally \u2014 people notice the difference immediately.\"\n <\/blockquote>\n <div class=\"vtm-attribution\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face&auto=format\" alt=\"Olivia P.\" class=\"vtm-photo\" width=\"44\" height=\"44\" loading=\"lazy\" title=\"Home\">\n <div class=\"vtm-attr-text\">\n <p class=\"vtm-name\">Olivia P.<\/p>\n <p class=\"vtm-detail\">Italy  \u00b7  Basic plan  \u00b7  5 weeks<\/p>\n <\/div>\n <div class=\"vtm-rating\" aria-label=\"4 out of 5 stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vtm-quote\" data-index=\"3\">\n <blockquote class=\"vtm-blockquote\">\n \"The flexibility and support are outstanding. I always feel motivated to continue \u2014 even after a long day at work.\"\n <\/blockquote>\n <div class=\"vtm-attribution\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop&crop=face&auto=format\" alt=\"Emma W.\" class=\"vtm-photo\" width=\"44\" height=\"44\" loading=\"lazy\" title=\"Home\">\n <div class=\"vtm-attr-text\">\n <p class=\"vtm-name\">Emma W.<\/p>\n <p class=\"vtm-detail\">Sweden  \u00b7  Premium plan  \u00b7  20 weeks<\/p>\n <\/div>\n <div class=\"vtm-rating\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vtm-quote\" data-index=\"4\">\n <blockquote class=\"vtm-blockquote\">\n \"The best online English learning experience I've ever had. Genuinely worth every euro \u2014 and I've tried many others.\"\n <\/blockquote>\n <div class=\"vtm-attribution\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face&auto=format\" alt=\"Lucas B.\" class=\"vtm-photo\" width=\"44\" height=\"44\" loading=\"lazy\" title=\"Home\">\n <div class=\"vtm-attr-text\">\n <p class=\"vtm-name\">Lucas B.<\/p>\n <p class=\"vtm-detail\">Spain  \u00b7  Intensive plan  \u00b7  10 weeks<\/p>\n <\/div>\n <div class=\"vtm-rating\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vtm-quote\" data-index=\"5\">\n <blockquote class=\"vtm-blockquote\">\n \"The lessons helped me communicate confidently in professional situations. My manager noticed the improvement within a month.\"\n <\/blockquote>\n <div class=\"vtm-attribution\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face&auto=format\" alt=\"Michael T.\" class=\"vtm-photo\" width=\"44\" height=\"44\" loading=\"lazy\" title=\"Home\">\n <div class=\"vtm-attr-text\">\n <p class=\"vtm-name\">Michael T.<\/p>\n <p class=\"vtm-detail\">Belgium  \u00b7  Advanced plan  \u00b7  15 weeks<\/p>\n <\/div>\n <div class=\"vtm-rating\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <\/div>\n\n <\/div><!-- \/.vtm-stage -->\n\n <!-- Minimal dots only -->\n <div class=\"vtm-dots vtm-reveal\" style=\"--d:.2s\" id=\"vtm-dots\" role=\"tablist\" aria-label=\"Select testimonial\"><\/div>\n\n <\/div>\n<\/section>\n\n<style>\n#vtm-root {\n --f-d: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-b: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --ease: cubic-bezier(.16,1,.3,1);\n}\n\n#vtm-root, #vtm-root *, #vtm-root *::before, #vtm-root *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 Dark canvas \u2014 near black, not pure black (Apple never uses pure black) \u2500\u2500 *\/\n#vtm-root {\n background: #FFFFFF;\n padding: 160px 0 140px;\n position: relative;\n overflow: hidden;\n}\n\n\/* No glow needed on white canvas *\/\n#vtm-root .vtm-bg { display: none; }\n\n#vtm-root .vtm-inner {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 60px;\n}\n\n\/* \u2500\u2500 Top row \u2500\u2500 *\/\n#vtm-root .vtm-top-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 80px;\n flex-wrap: wrap;\n gap: 16px;\n}\n\n#vtm-root .vtm-eyebrow {\n font-family: var(--f-d);\n font-size: 12px; font-weight: 700;\n letter-spacing: 2.5px; text-transform: uppercase;\n color: var(--accent);\n}\n\n#vtm-root .vtm-aggregate {\n display: flex; align-items: center; gap: 8px;\n font-family: var(--f-b); color: #6B6B6B;\n font-size: 14px;\n}\n\n#vtm-root .vtm-stars { color: #E6A817; font-size: 14px; letter-spacing: 1px; }\n#vtm-root .vtm-agg-num { font-family: var(--f-d); font-weight: 700; color: #0A0A0A; font-size: 16px; }\n#vtm-root .vtm-agg-label { font-size: 13px; }\n\n\/* \u2500\u2500 Stage \u2500\u2500 *\/\n#vtm-root .vtm-stage {\n position: relative;\n min-height: 300px;\n margin-bottom: 64px;\n}\n\n\/* \u2500\u2500 Each quote \u2014 absolute, cross-dissolve only \u2500\u2500 *\/\n#vtm-root .vtm-quote {\n position: absolute;\n top: 0; left: 0; right: 0;\n display: flex;\n flex-direction: column;\n gap: 40px;\n opacity: 0;\n \/* 1.4s dissolve \u2014 no transform, no movement. Just light changing. *\/\n transition: opacity 1.4s cubic-bezier(.4,0,.2,1);\n pointer-events: none;\n}\n\n#vtm-root .vtm-quote.is-active {\n opacity: 1;\n pointer-events: auto;\n}\n\n\/* \u2500\u2500 The quote \u2014 this IS the section \u2500\u2500 *\/\n#vtm-root .vtm-blockquote {\n font-family: var(--f-d);\n \/* Large, light italic \u2014 pure Apple editorial *\/\n font-size: clamp(26px, 3.5vw, 48px);\n font-weight: 300;\n font-style: italic;\n line-height: 1.35;\n letter-spacing: -.5px;\n color: #0A0A0A;\n quotes: none;\n max-width: 860px;\n}\n\n\/* \u2500\u2500 Attribution row \u2500\u2500 *\/\n#vtm-root .vtm-attribution {\n display: flex;\n align-items: center;\n gap: 16px;\n}\n\n#vtm-root .vtm-photo {\n width: 44px; height: 44px;\n border-radius: 50%; object-fit: cover;\n border: 1.5px solid #E5E5EA;\n flex-shrink: 0;\n}\n\n#vtm-root .vtm-name {\n font-family: var(--f-d);\n font-size: 15px; font-weight: 600;\n color: #0A0A0A;\n margin-bottom: 3px;\n}\n\n#vtm-root .vtm-detail {\n font-family: var(--f-b);\n font-size: 13px;\n color: #6B6B6B;\n}\n\n#vtm-root .vtm-rating {\n margin-left: auto;\n font-size: 14px;\n color: #E6A817;\n letter-spacing: 2px;\n flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Dots \u2014 minimal, just four tiny circles \u2500\u2500 *\/\n#vtm-root .vtm-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n#vtm-root .vtm-dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n border: none; padding: 0; cursor: pointer;\n background: #D1D1D6;\n transition: background .4s, width .4s var(--ease), border-radius .4s;\n}\n\n#vtm-root .vtm-dot.is-active {\n background: #0A0A0A;\n width: 20px;\n border-radius: 3px;\n}\n\n#vtm-root .vtm-dot:hover { background: #6B6B6B; }\n#vtm-root .vtm-dot:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\n\n\/* \u2500\u2500 Reveal \u2500\u2500 *\/\n#vtm-root .vtm-reveal {\n opacity: 0; transform: translateY(20px);\n transition: opacity .8s var(--ease), transform .8s var(--ease);\n transition-delay: var(--d, 0s);\n}\n#vtm-root .vtm-reveal.vtm-visible { opacity: 1; transform: none; }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 768px) {\n #vtm-root { padding: 100px 0 90px; }\n #vtm-root .vtm-inner { padding: 0 28px; }\n #vtm-root .vtm-top-row { margin-bottom: 52px; }\n #vtm-root .vtm-stage { min-height: 380px; }\n #vtm-root .vtm-blockquote { letter-spacing: -.3px; }\n #vtm-root .vtm-rating { display: none; }\n}\n\n@media (max-width: 480px) {\n #vtm-root .vtm-inner { padding: 0 20px; }\n #vtm-root .vtm-stage { min-height: 440px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vtm-root .vtm-quote { transition: opacity .3s; }\n #vtm-root .vtm-reveal { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n var DURATION = 12000; \/* 12 seconds *\/\n var FADE = 1400; \/* 1.4s dissolve *\/\n\n var stage = document.getElementById('vtm-stage');\n var quotes = Array.from(stage.querySelectorAll('.vtm-quote'));\n var dotsEl = document.getElementById('vtm-dots');\n var total = quotes.length;\n var current = 0;\n var timer = null;\n var paused = false;\n var busy = false;\n\n \/* \u2500\u2500 Set stage height to tallest quote \u2500\u2500 *\/\n function setHeight() {\n var max = 0;\n quotes.forEach(function (q) {\n var prev = q.style.cssText;\n q.style.cssText = 'position:static;opacity:1;pointer-events:none;';\n var h = q.offsetHeight;\n if (h > max) max = h;\n q.style.cssText = prev;\n });\n stage.style.minHeight = (max + 4) + 'px';\n }\n\n \/* \u2500\u2500 Build dots \u2500\u2500 *\/\n quotes.forEach(function (_, i) {\n var d = document.createElement('button');\n d.className = 'vtm-dot' + (i === 0 ? ' is-active' : '');\n d.setAttribute('role', 'tab');\n d.setAttribute('aria-label', 'Testimonial ' + (i + 1));\n d.setAttribute('aria-selected', i === 0 ? 'true' : 'false');\n d.addEventListener('click', function () {\n if (i === current || busy) return;\n clearTimeout(timer);\n goTo(i);\n schedule();\n });\n dotsEl.appendChild(d);\n });\n\n \/* \u2500\u2500 Cross-dissolve \u2500\u2500 *\/\n function goTo(next) {\n if (busy || next === current) return;\n busy = true;\n\n quotes[current].classList.remove('is-active');\n\n \/* Tiny stagger \u2014 let old quote start fading before new appears *\/\n setTimeout(function () {\n quotes[next].classList.add('is-active');\n current = next;\n syncDots();\n setTimeout(function () { busy = false; }, FADE);\n }, 80);\n }\n\n function syncDots() {\n dotsEl.querySelectorAll('.vtm-dot').forEach(function (d, i) {\n var active = i === current;\n d.classList.toggle('is-active', active);\n d.setAttribute('aria-selected', active ? 'true' : 'false');\n });\n }\n\n \/* \u2500\u2500 Auto-advance \u2500\u2500 *\/\n function schedule() {\n clearTimeout(timer);\n timer = setTimeout(function () {\n if (!paused) {\n goTo((current + 1) % total);\n schedule();\n }\n }, DURATION);\n }\n\n \/* \u2500\u2500 Pause on hover \u2500\u2500 *\/\n stage.addEventListener('mouseenter', function () {\n paused = true;\n clearTimeout(timer);\n });\n\n stage.addEventListener('mouseleave', function () {\n paused = false;\n schedule();\n });\n\n \/* \u2500\u2500 Touch swipe \u2500\u2500 *\/\n var sx = 0;\n stage.addEventListener('touchstart', function (e) {\n sx = e.touches[0].clientX;\n }, { passive: true });\n\n stage.addEventListener('touchend', function (e) {\n var dx = sx - e.changedTouches[0].clientX;\n if (Math.abs(dx) > 48) {\n clearTimeout(timer);\n goTo(dx > 0\n ? (current + 1) % total\n : (current - 1 + total) % total);\n schedule();\n }\n }, { passive: true });\n\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n var obs = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) {\n e.target.classList.add('vtm-visible');\n obs.unobserve(e.target);\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('#vtm-root .vtm-reveal').forEach(function (el) {\n obs.observe(el);\n });\n\n \/* \u2500\u2500 Init \u2500\u2500 *\/\n window.addEventListener('load', function () {\n setHeight();\n window.addEventListener('resize', setHeight, { passive: true });\n schedule();\n });\n\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f788ba1 e-con-full e-flex e-con e-parent\" data-id=\"f788ba1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db51a35 elementor-widget elementor-widget-html\" data-id=\"db51a35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 FAQ<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- ============================================================\n FAQ SECTION \u2014 Homepage \u2014 Apple-feel\n Prefix: vfq-\n Scoped under #vfq-root\n White canvas, left-aligned heading, clean accordion rows\n No cards, no boxes \u2014 just lines and type\n 6 most important questions for homepage\n ============================================================ -->\n<section id=\"vfq-root\" aria-labelledby=\"vfq-heading\">\n<div class=\"vfq-inner\">\n\n <!-- Two-column: sticky header left, accordion right -->\n <div class=\"vfq-left vfq-reveal\">\n <p class=\"vfq-eyebrow\">Questions<\/p>\n <h2 class=\"vfq-heading\" id=\"vfq-heading\">\n Everything you<br>need to know.\n <\/h2>\n <p class=\"vfq-sub\">\n Can't find what you're looking for?\n <\/p>\n <a href=\"\/faq\" class=\"vfq-all-link\">\n View all FAQs\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n <div class=\"vfq-right\">\n <div class=\"vfq-list\" id=\"vfq-list\">\n\n <div class=\"vfq-item vfq-reveal\" style=\"--d:.04s\">\n <button class=\"vfq-q\" aria-expanded=\"false\" aria-controls=\"vfq-a-1\" id=\"vfq-b-1\">\n <span>What class formats do you offer?<\/span>\n <span class=\"vfq-icon\" aria-hidden=\"true\"><\/span>\n <\/button>\n <div class=\"vfq-a\" id=\"vfq-a-1\" role=\"region\" aria-labelledby=\"vfq-b-1\">\n <div class=\"vfq-a-body\">Three formats \u2014 private 1-on-1 coaching (60 min), small group classes of up to four students (60 min), and On The Go Conversation Classes \u2014 focused 30-minute speaking sessions available for both individuals and groups.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vfq-item vfq-reveal\" style=\"--d:.08s\">\n <button class=\"vfq-q\" aria-expanded=\"false\" aria-controls=\"vfq-a-2\" id=\"vfq-b-2\">\n <span>How are lessons delivered?<\/span>\n <span class=\"vfq-icon\" aria-hidden=\"true\"><\/span>\n <\/button>\n <div class=\"vfq-a\" id=\"vfq-a-2\" role=\"region\" aria-labelledby=\"vfq-b-2\">\n <div class=\"vfq-a-body\">All lessons are delivered online via Zoom. A unique Zoom link is sent to you by email after booking. You can join from anywhere in the world \u2014 all you need is a device and an internet connection.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vfq-item vfq-reveal\" style=\"--d:.12s\">\n <button class=\"vfq-q\" aria-expanded=\"false\" aria-controls=\"vfq-a-3\" id=\"vfq-b-3\">\n <span>Can I start as a complete beginner?<\/span>\n <span class=\"vfq-icon\" aria-hidden=\"true\"><\/span>\n <\/button>\n <div class=\"vfq-a\" id=\"vfq-a-3\" role=\"region\" aria-labelledby=\"vfq-b-3\">\n <div class=\"vfq-a-body\">Yes. Vermont English welcomes learners from A1 Beginner through to C1 Advanced. Take the free Placement Test to discover your current level and get a recommended learning pathway.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vfq-item vfq-reveal\" style=\"--d:.16s\">\n <button class=\"vfq-q\" aria-expanded=\"false\" aria-controls=\"vfq-a-4\" id=\"vfq-b-4\">\n <span>What happens if I miss a lesson?<\/span>\n <span class=\"vfq-icon\" aria-hidden=\"true\"><\/span>\n <\/button>\n <div class=\"vfq-a\" id=\"vfq-a-4\" role=\"region\" aria-labelledby=\"vfq-b-4\">\n <div class=\"vfq-a-body\">You can reschedule with at least 24 hours' notice. Each package includes up to two reschedules per month \u2014 contact your instructor directly to arrange a new time.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vfq-item vfq-reveal\" style=\"--d:.20s\">\n <button class=\"vfq-q\" aria-expanded=\"false\" aria-controls=\"vfq-a-5\" id=\"vfq-b-5\">\n <span>How do the pricing bundles work?<\/span>\n <span class=\"vfq-icon\" aria-hidden=\"true\"><\/span>\n <\/button>\n <div class=\"vfq-a\" id=\"vfq-a-5\" role=\"region\" aria-labelledby=\"vfq-b-5\">\n <div class=\"vfq-a-body\">Individual classes are priced at \u20ac45 per class. Buy in bundles of 10\u201330 classes and save 8\u201312%. Classes do not expire \u2014 schedule them at your own pace. On The Go Conversation Classes are available at \u20ac30\/class (individual) or \u20ac25\/student (group) in multiples of 10.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"vfq-item vfq-reveal\" style=\"--d:.24s\">\n <button class=\"vfq-q\" aria-expanded=\"false\" aria-controls=\"vfq-a-6\" id=\"vfq-b-6\">\n <span>Is there a free consultation?<\/span>\n <span class=\"vfq-icon\" aria-hidden=\"true\"><\/span>\n <\/button>\n <div class=\"vfq-a\" id=\"vfq-a-6\" role=\"region\" aria-labelledby=\"vfq-b-6\">\n <div class=\"vfq-a-body\">Yes. Book a free 30-minute consultation call with Emmanuel before you enroll. It's a conversation about your goals, current level and the right program for you \u2014 no obligation, no pressure.<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n<\/div>\n<\/section>\n\n<style>\n#vfq-root {\n --f-d: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-b: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --black: #0A0A0A;\n --g3: #6B6B6B;\n --g5: #E5E5EA;\n --bg: #FFFFFF;\n --ease: cubic-bezier(.16,1,.3,1);\n}\n\n#vfq-root, #vfq-root *, #vfq-root *::before, #vfq-root *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n#vfq-root {\n background: var(--bg);\n padding: 160px 0;\n font-family: var(--f-b);\n}\n\n#vfq-root .vfq-inner {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 60px;\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: 100px;\n align-items: start;\n}\n\n\/* \u2500\u2500 Left \u2014 sticky header \u2500\u2500 *\/\n#vfq-root .vfq-left {\n position: sticky;\n top: 120px;\n}\n\n#vfq-root .vfq-eyebrow {\n display: block;\n font-family: var(--f-d);\n font-size: 12px; font-weight: 700;\n letter-spacing: 2px; text-transform: uppercase;\n color: var(--accent); margin-bottom: 18px;\n}\n\n#vfq-root .vfq-heading {\n font-family: var(--f-d);\n font-size: clamp(34px, 3.2vw, 52px);\n font-weight: 900; line-height: 1.0;\n letter-spacing: -2.5px; color: var(--black);\n margin-bottom: 20px;\n}\n\n#vfq-root .vfq-sub {\n font-size: 15px; line-height: 1.65;\n color: var(--g3); margin-bottom: 20px;\n}\n\n#vfq-root .vfq-all-link {\n display: inline-flex; align-items: center; gap: 7px;\n font-family: var(--f-d); font-size: 15px; font-weight: 700;\n color: var(--accent); text-decoration: none; letter-spacing: -.2px;\n transition: gap .2s, opacity .2s;\n}\n#vfq-root .vfq-all-link:hover { gap: 11px; opacity: .7; }\n#vfq-root .vfq-all-link:focus-visible { outline: 2px solid var(--accent); border-radius: 4px; outline-offset: 3px; }\n\n\/* \u2500\u2500 Accordion list \u2500\u2500 *\/\n#vfq-root .vfq-list {\n border-top: 1px solid var(--g5);\n}\n\n\/* \u2500\u2500 Each item \u2500\u2500 *\/\n#vfq-root .vfq-item {\n border-bottom: 1px solid var(--g5);\n}\n\n\/* \u2500\u2500 Question button \u2500\u2500 *\/\n#vfq-root .vfq-q {\n width: 100%;\n background: none; border: none;\n padding: 28px 0;\n display: flex; align-items: center;\n justify-content: space-between; gap: 24px;\n cursor: pointer;\n font-family: var(--f-d);\n font-size: 18px; font-weight: 600;\n color: var(--black); letter-spacing: -.3px;\n text-align: left;\n transition: color .25s;\n}\n\n#vfq-root .vfq-q:hover { color: var(--accent); }\n\n#vfq-root .vfq-item.is-open .vfq-q { color: var(--accent); }\n\n#vfq-root .vfq-q:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 4px;\n border-radius: 4px;\n}\n\n\/* \u2500\u2500 Plus\/minus icon \u2014 pure CSS, no SVG \u2500\u2500 *\/\n#vfq-root .vfq-icon {\n position: relative;\n width: 20px; height: 20px;\n flex-shrink: 0;\n}\n\n#vfq-root .vfq-icon::before,\n#vfq-root .vfq-icon::after {\n content: '';\n position: absolute;\n background: currentColor;\n border-radius: 1px;\n transition: transform .4s var(--ease), opacity .3s;\n}\n\n\/* Horizontal bar *\/\n#vfq-root .vfq-icon::before {\n width: 14px; height: 1.5px;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n}\n\n\/* Vertical bar *\/\n#vfq-root .vfq-icon::after {\n width: 1.5px; height: 14px;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n}\n\n\/* Open state: rotate vertical bar to 0 (becomes horizontal) = \u00d7 *\/\n#vfq-root .vfq-item.is-open .vfq-icon::after {\n transform: translate(-50%, -50%) rotate(90deg);\n opacity: 0;\n}\n\n\/* \u2500\u2500 Answer panel \u2500\u2500 *\/\n#vfq-root .vfq-a {\n max-height: 0;\n overflow: hidden;\n transition: max-height .45s var(--ease);\n}\n\n#vfq-root .vfq-a-body {\n padding: 0 48px 28px 0;\n font-family: var(--f-b);\n font-size: 16px; line-height: 1.8;\n color: var(--g3);\n}\n\n\/* \u2500\u2500 Reveal \u2500\u2500 *\/\n#vfq-root .vfq-reveal {\n opacity: 0; transform: translateY(20px);\n transition: opacity .7s var(--ease), transform .7s var(--ease);\n transition-delay: var(--d, 0s);\n}\n#vfq-root .vfq-reveal.vfq-visible { opacity: 1; transform: none; }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n #vfq-root .vfq-inner {\n grid-template-columns: 1fr;\n gap: 52px;\n padding: 0 40px;\n }\n #vfq-root .vfq-left { position: static; }\n}\n\n@media (max-width: 600px) {\n #vfq-root { padding: 100px 0; }\n #vfq-root .vfq-inner { padding: 0 20px; }\n #vfq-root .vfq-q { font-size: 16px; padding: 22px 0; }\n #vfq-root .vfq-a-body { font-size: 15px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vfq-root .vfq-a { transition: none; }\n #vfq-root .vfq-reveal { transition: none; opacity: 1; transform: none; }\n #vfq-root .vfq-icon::before,\n #vfq-root .vfq-icon::after { transition: none; }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n var root = document.getElementById('vfq-root');\n var items = Array.from(root.querySelectorAll('.vfq-item'));\n\n function open(item) {\n var btn = item.querySelector('.vfq-q');\n var panel = item.querySelector('.vfq-a');\n var body = item.querySelector('.vfq-a-body');\n item.classList.add('is-open');\n btn.setAttribute('aria-expanded', 'true');\n panel.style.maxHeight = body.scrollHeight + 'px';\n }\n\n function close(item) {\n var btn = item.querySelector('.vfq-q');\n var panel = item.querySelector('.vfq-a');\n item.classList.remove('is-open');\n btn.setAttribute('aria-expanded', 'false');\n panel.style.maxHeight = '0';\n }\n\n items.forEach(function (item) {\n item.querySelector('.vfq-q').addEventListener('click', function () {\n var isOpen = item.classList.contains('is-open');\n \/* Accordion \u2014 close others *\/\n items.forEach(function (other) { if (other !== item) close(other); });\n isOpen ? close(item) : open(item);\n });\n });\n\n \/* Scroll reveal *\/\n var obs = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) {\n e.target.classList.add('vfq-visible');\n obs.unobserve(e.target);\n }\n });\n }, { threshold: 0.1 });\n\n root.querySelectorAll('.vfq-reveal').forEach(function (el) { obs.observe(el); });\n\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a78dfa5 e-con-full e-flex e-con e-parent\" data-id=\"a78dfa5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6322e86 elementor-widget elementor-widget-html\" data-id=\"6322e86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Vermont English \u2014 CTA<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- ============================================================\n CTA SECTION \u2014 Ultra-premium Apple-feel\n Prefix: vca-\n Full-bleed near-black canvas\n One enormous headline. One sentence. Two buttons.\n Nothing else.\n ============================================================ -->\n<section id=\"vca-root\" aria-labelledby=\"vca-heading\">\n\n <!-- Extremely subtle background glow \u2014 depth, not decoration -->\n <div class=\"vca-glow\" aria-hidden=\"true\"><\/div>\n\n <div class=\"vca-inner vca-reveal\">\n\n <p class=\"vca-eyebrow\">Start today<\/p>\n\n <h2 class=\"vca-heading\" id=\"vca-heading\">\n Ready to speak<br>\n <em>English confidently?<\/em>\n <\/h2>\n\n <p class=\"vca-sub\">\n Book a free 30-minute consultation. No pressure \u2014 just a conversation about your goals.\n <\/p>\n\n <div class=\"vca-actions\">\n <a href=\"\/book-a-call\" class=\"vca-btn-primary\">Book a Free Call<\/a>\n <a href=\"\/placement-test\" class=\"vca-btn-ghost\">Take Placement Test<\/a>\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n#vca-root {\n --f-d: 'Plus Jakarta Sans', system-ui, sans-serif;\n --f-b: 'DM Sans', system-ui, sans-serif;\n --accent: #2E3192;\n --ease: cubic-bezier(.16,1,.3,1);\n}\n\n#vca-root, #vca-root *, #vca-root *::before, #vca-root *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* Near-black \u2014 Apple never uses pure black *\/\n#vca-root {\n background: #080810;\n padding: 200px 0 180px;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n\/* One barely-visible glow \u2014 pure depth *\/\n#vca-root .vca-glow {\n position: absolute;\n inset: 0;\n background: radial-gradient(\n ellipse 70% 60% at 50% 50%,\n rgba(46,49,146,.12) 0%,\n transparent 70%\n );\n pointer-events: none;\n}\n\n#vca-root .vca-inner {\n position: relative;\n z-index: 2;\n max-width: 860px;\n margin: 0 auto;\n padding: 0 40px;\n}\n\n\/* Eyebrow *\/\n#vca-root .vca-eyebrow {\n display: block;\n font-family: var(--f-d);\n font-size: 12px; font-weight: 700;\n letter-spacing: 2.5px; text-transform: uppercase;\n color: rgba(255,255,255,.35);\n margin-bottom: 28px;\n}\n\n\/* Headline \u2014 the entire section lives here *\/\n#vca-root .vca-heading {\n font-family: var(--f-d);\n font-size: clamp(52px, 8vw, 112px);\n font-weight: 900;\n line-height: .95;\n letter-spacing: -5px;\n color: #ffffff;\n margin-bottom: 32px;\n}\n\n\/* Italic line \u2014 same editorial contrast as hero *\/\n#vca-root .vca-heading em {\n font-style: italic;\n font-weight: 300;\n color: rgba(255,255,255,.75);\n letter-spacing: -4px;\n}\n\n\/* Subhead *\/\n#vca-root .vca-sub {\n font-family: var(--f-b);\n font-size: clamp(16px, 1.6vw, 20px);\n line-height: 1.7;\n color: rgba(255,255,255,.45);\n max-width: 480px;\n margin: 0 auto 52px;\n}\n\n\/* Buttons *\/\n#vca-root .vca-actions {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n}\n\n\/* Primary \u2014 solid white pill, accent text *\/\n#vca-root .vca-btn-primary {\n display: inline-block;\n padding: 18px 42px;\n background: #ffffff;\n color: var(--accent);\n border-radius: 100px;\n font-family: var(--f-d);\n font-weight: 700;\n font-size: 16px;\n letter-spacing: -.2px;\n text-decoration: none;\n transition: transform .3s var(--ease), box-shadow .3s, background .25s;\n box-shadow: 0 0 0 0 rgba(255,255,255,0);\n}\n\n#vca-root .vca-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 20px 40px rgba(255,255,255,.08);\n background: #f0f0f8;\n}\n\n#vca-root .vca-btn-primary:focus-visible {\n outline: 2px solid white;\n outline-offset: 4px;\n}\n\n\/* Ghost \u2014 frosted glass *\/\n#vca-root .vca-btn-ghost {\n display: inline-block;\n padding: 18px 42px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.15);\n color: rgba(255,255,255,.7);\n border-radius: 100px;\n font-family: var(--f-d);\n font-weight: 600;\n font-size: 16px;\n letter-spacing: -.2px;\n text-decoration: none;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n transition: background .3s, border-color .3s, color .3s, transform .3s var(--ease);\n}\n\n#vca-root .vca-btn-ghost:hover {\n background: rgba(255,255,255,.11);\n border-color: rgba(255,255,255,.28);\n color: rgba(255,255,255,.9);\n transform: translateY(-3px);\n}\n\n#vca-root .vca-btn-ghost:focus-visible {\n outline: 2px solid rgba(255,255,255,.5);\n outline-offset: 4px;\n}\n\n\/* \u2500\u2500 Reveal \u2500\u2500 *\/\n#vca-root .vca-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity .9s var(--ease), transform .9s var(--ease);\n}\n\n#vca-root .vca-reveal.vca-visible {\n opacity: 1;\n transform: none;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 768px) {\n #vca-root { padding: 130px 0 110px; }\n #vca-root .vca-inner { padding: 0 24px; }\n #vca-root .vca-heading { letter-spacing: -3px; }\n #vca-root .vca-actions { flex-direction: column; }\n #vca-root .vca-btn-primary,\n #vca-root .vca-btn-ghost { width: 100%; max-width: 320px; text-align: center; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #vca-root .vca-reveal { transition: none; opacity: 1; transform: none; }\n #vca-root .vca-btn-primary,\n #vca-root .vca-btn-ghost { transition: background .2s, border-color .2s; }\n}\n<\/style>\n\n<script>\n(function () {\n 'use strict';\n\n var el = document.querySelector('#vca-root .vca-reveal');\n if (!el) return;\n\n var obs = new IntersectionObserver(function (entries) {\n if (entries[0].isIntersecting) {\n el.classList.add('vca-visible');\n obs.disconnect();\n }\n }, { threshold: 0.15 });\n\n obs.observe(el);\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Vermont English \u2014 Hero \u2726 VERMONT ENGLISH \u2022 PREMIUM LEARNING Learn English with confidence. Premium English coaching designed for students, professionals, and global learners who want fluency, confidence, and real-world communication skills. Book a Free Call Explore Programs \u2713 Premium Learning Experience Interactive online classes with dedicated support. Vermont English \u2014 Stats 0+ Lessons delivered […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":171,"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":27489,"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/27489"}],"wp:attachment":[{"href":"https:\/\/vermontenglish.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}