The Light at the Edge of Everything \u2014 English Grammar Through Story<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --ink: #0e1820;\n --ink-deep: #060d12;\n --cream: #f7f1e1;\n --cream-warm: #ede4cd;\n --gold: #c9a961;\n --gold-bright: #d9b975;\n --gold-deep: #8b7340;\n --paper: #faf6ec;\n --rule: rgba(201, 169, 97, 0.25);\n --rule-soft: rgba(14, 24, 32, 0.08);\n --pad-x: clamp(1.25rem, 5vw, 4rem);\n }<\/p>\n<p> *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n body {\n font-family: 'Cormorant Garamond', Georgia, serif;\n background: var(--paper);\n color: var(--ink);\n line-height: 1.55;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n img, svg { max-width: 100%; height: auto; display: block; }\n a { color: inherit; }\n button, .btn-primary, .btn-purchase {\n min-height: 44px;\n -webkit-tap-highlight-color: transparent;\n }<\/p>\n<p> .hero {\n position: relative;\n min-height: 100vh;\n min-height: 100dvh;\n background:\n radial-gradient(ellipse at 75% 35%, rgba(201,169,97,0.18) 0%, transparent 55%),\n radial-gradient(ellipse at 20% 80%, rgba(201,122,102,0.10) 0%, transparent 60%),\n linear-gradient(180deg, #0a1218 0%, #0e1820 50%, #131e26 100%);\n color: var(--cream);\n overflow: hidden;\n display: flex;\n align-items: center;\n padding-top: env(safe-area-inset-top);\n padding-bottom: env(safe-area-inset-bottom);\n }<\/p>\n<p> .hero::before {\n content: \"\"; position: absolute; inset: 0;\n background-image:\n radial-gradient(1px 1px at 20% 30%, white, transparent),\n radial-gradient(1px 1px at 60% 70%, white, transparent),\n radial-gradient(1px 1px at 50% 50%, rgba(255,255,255,0.7), transparent),\n radial-gradient(1px 1px at 80% 10%, white, transparent),\n radial-gradient(1px 1px at 90% 60%, rgba(255,255,255,0.5), transparent),\n radial-gradient(1.5px 1.5px at 33% 80%, rgba(255,255,255,0.8), transparent),\n radial-gradient(1px 1px at 70% 25%, rgba(255,255,255,0.6), transparent),\n radial-gradient(1px 1px at 15% 60%, rgba(255,255,255,0.4), transparent);\n background-size: 200% 200%; opacity: 0.6;\n animation: drift 60s linear infinite; pointer-events: none;\n }\n @keyframes drift { from { background-position: 0% 0%; } to { background-position: 100% 100%; } }<\/p>\n<p> .hero::after {\n content: \"\"; position: absolute; top: 30%; right: -10%;\n width: 120vw; height: 60vh;\n background: radial-gradient(ellipse at right center, rgba(255,220,150,0.08) 0%, transparent 50%);\n transform-origin: right center;\n animation: beam 18s ease-in-out infinite; pointer-events: none;\n }\n @keyframes beam {\n 0%, 100% { transform: rotate(-3deg); opacity: 0.6; }\n 50% { transform: rotate(2deg); opacity: 1; }\n }<\/p>\n<p> .hero-inner {\n width: 100%; max-width: 1200px; margin: 0 auto;\n padding: clamp(4rem, 10vh, 8rem) var(--pad-x);\n position: relative; z-index: 2;\n display: grid; grid-template-columns: 1.3fr 1fr;\n gap: clamp(2rem, 5vw, 6rem); align-items: center;\n }<\/p>\n<p> .eyebrow {\n font-family: 'Inter', sans-serif; font-size: 0.7rem; font-weight: 500;\n letter-spacing: 0.32em; color: var(--gold); text-transform: uppercase;\n margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem;\n opacity: 0; animation: fadeUp 1s ease-out 0.2s forwards;\n }\n .eyebrow::before {\n content: \"\"; width: 30px; height: 1px;\n background: var(--gold); flex-shrink: 0;\n }<\/p>\n<p> h1.title {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2.5rem, 8vw, 6rem); line-height: 0.95;\n letter-spacing: -0.02em; color: var(--cream); margin-bottom: 1.5rem;\n opacity: 0; animation: fadeUp 1.1s ease-out 0.4s forwards; word-wrap: break-word;\n }\n h1.title .gold { color: var(--gold); font-style: italic; font-weight: 300; }<\/p>\n<p> .tagline {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(1.05rem, 1.6vw, 1.4rem); color: rgba(247,241,225,0.78);\n line-height: 1.55; max-width: 38rem; margin-bottom: 2.5rem;\n opacity: 0; animation: fadeUp 1.1s ease-out 0.6s forwards;\n }<\/p>\n<p> .hero-cta {\n display: flex; align-items: center;\n gap: clamp(1.25rem, 3vw, 2rem); flex-wrap: wrap;\n opacity: 0; animation: fadeUp 1s ease-out 0.9s forwards;\n }<\/p>\n<p> .btn-primary {\n background: var(--gold); color: var(--ink-deep);\n padding: 1.05rem 2rem; border: none;\n font-family: 'Inter', sans-serif; font-size: 0.8rem; font-weight: 600;\n letter-spacing: 0.15em; text-transform: uppercase;\n cursor: pointer; text-decoration: none;\n display: inline-flex; align-items: center; justify-content: center;\n gap: 0.7rem; transition: all 0.3s ease; position: relative; overflow: hidden;\n }\n .btn-primary::after {\n content: \"\"; position: absolute; inset: 0;\n background: var(--gold-bright); transform: translateX(-101%);\n transition: transform 0.4s ease; z-index: 0;\n }\n .btn-primary:hover::after { transform: translateX(0); }\n .btn-primary span { position: relative; z-index: 1; }<\/p>\n<p> .price-badge { display: flex; flex-direction: column; color: var(--cream); }\n .price-badge > div:first-child { display: flex; align-items: baseline; gap: 0.4rem; }\n .price-badge .price { font-family: 'Fraunces', serif; font-size: 2rem; font-weight: 500; line-height: 1; }\n .price-badge .strike { font-size: 1rem; color: rgba(247,241,225,0.4); text-decoration: line-through; }\n .price-badge .label {\n font-family: 'Inter', sans-serif; font-size: 0.6rem;\n letter-spacing: 0.2em; color: var(--gold);\n text-transform: uppercase; margin-top: 0.4rem;\n }<\/p>\n<p> .hero-visual {\n position: relative; transform: rotate(-2deg);\n opacity: 0; animation: fadeIn 1.4s ease-out 0.8s forwards;\n width: 100%; max-width: 320px;\n margin-left: auto; margin-right: auto;\n }<\/p>\n<p> .book-cover {\n aspect-ratio: 210 \/ 297;\n background:\n radial-gradient(circle at 70% 30%, rgba(255,220,150,0.4), transparent 50%),\n linear-gradient(180deg, #1a2832 0%, #0a1218 100%);\n border-radius: 4px;\n box-shadow:\n 0 30px 60px -20px rgba(0,0,0,0.6),\n 0 60px 100px -50px rgba(201,169,97,0.2),\n inset 0 0 0 1px rgba(201,169,97,0.15);\n padding: clamp(1.5rem, 5%, 3.5rem) clamp(1.2rem, 4%, 2.5rem);\n display: flex; flex-direction: column; justify-content: space-between;\n color: var(--cream); position: relative; overflow: hidden;\n }\n .book-cover::before {\n content: \"\"; position: absolute; right: 8%; bottom: 16%;\n width: 18%; aspect-ratio: 60\/140;\n background:\n linear-gradient(180deg,\n transparent 0%, transparent 10%,\n var(--gold) 10%, var(--gold) 13%,\n transparent 13%, transparent 18%,\n rgba(247,241,225,0.9) 18%, rgba(247,241,225,0.9) 25%,\n rgba(247,241,225,0.95) 25%, rgba(247,241,225,0.95) 100%);\n clip-path: polygon(40% 0, 60% 0, 65% 10%, 75% 18%, 70% 25%, 80% 100%, 20% 100%, 30% 25%, 25% 18%, 35% 10%);\n box-shadow: 0 0 40px rgba(201,169,97,0.4);\n }\n .book-cover::after {\n content: \"\"; position: absolute; left: 0; right: 0; bottom: 0;\n height: 30%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%);\n }\n .cover-title {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(1.3rem, 5vw, 2.4rem); line-height: 0.95;\n letter-spacing: -0.01em; position: relative; z-index: 2;\n }\n .cover-title em { color: var(--gold); font-style: italic; font-weight: 300; }\n .cover-bottom { position: relative; z-index: 2; }\n .cover-tag {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(0.75rem, 2vw, 0.95rem); color: rgba(247,241,225,0.75);\n margin-bottom: 0.4rem;\n }\n .cover-brand {\n font-family: 'Inter', sans-serif; font-size: clamp(0.45rem, 1.3vw, 0.55rem);\n letter-spacing: 0.3em; color: var(--gold);\n text-transform: uppercase; margin-top: 1.5rem;\n }<\/p>\n<p> .scroll-cue {\n position: absolute; bottom: 2.5rem; left: 50%;\n transform: translateX(-50%); color: var(--gold);\n font-family: 'Inter', sans-serif; font-size: 0.65rem;\n letter-spacing: 0.3em; text-transform: uppercase;\n opacity: 0.6; animation: pulse 2.5s ease-in-out infinite;\n text-align: center; pointer-events: none;\n }\n .scroll-cue .line {\n width: 1px; height: 30px; background: var(--gold);\n margin: 0.7rem auto 0; opacity: 0.6;\n }\n @keyframes pulse {\n 0%, 100% { opacity: 0.4; transform: translateX(-50%) translateY(0); }\n 50% { opacity: 0.9; transform: translateX(-50%) translateY(8px); }\n }<\/p>\n<p> .section-label {\n font-family: 'Inter', sans-serif; font-size: 0.7rem; font-weight: 500;\n letter-spacing: 0.32em; color: var(--gold-deep); text-transform: uppercase;\n margin-bottom: 2rem; display: flex; align-items: center; gap: 1rem;\n }\n .section-label::before {\n content: \"\"; width: 30px; height: 1px;\n background: var(--gold-deep); flex-shrink: 0;\n }<\/p>\n<p> .story-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: var(--paper);\n }\n .story-inner { max-width: 900px; margin: 0 auto; }\n .story-prose p {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 1.7vw, 1.55rem); line-height: 1.65;\n color: var(--ink); margin-bottom: 1.6rem;\n }\n .story-prose p:first-of-type::first-letter {\n font-family: 'Fraunces', serif;\n font-size: clamp(3rem, 7vw, 4.5rem); font-weight: 400;\n float: left; line-height: 0.9;\n margin: 0.3rem 0.7rem 0 0; color: var(--gold);\n }\n .story-prose .pullquote {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 400;\n font-size: clamp(1.4rem, 3vw, 2.3rem); line-height: 1.35;\n color: var(--ink); margin: 2.5rem 0;\n padding: 0 0 0 1.5rem; border-left: 3px solid var(--gold);\n max-width: 38rem;\n }<\/p>\n<p> .excerpt-section {\n padding: clamp(4rem, 10vw, 8rem) var(--pad-x);\n background: linear-gradient(180deg, var(--paper) 0%, var(--cream-warm) 100%);\n position: relative;\n }\n .excerpt-section::before {\n content: \"\"; position: absolute; top: 0; left: 50%;\n transform: translateX(-50%); width: 1px; height: 80px;\n background: linear-gradient(180deg, transparent, var(--gold));\n }\n .excerpt-inner { max-width: 750px; margin: 0 auto; text-align: center; }\n .excerpt-header { margin-bottom: 3rem; }\n .excerpt-header .section-label { justify-content: center; }\n .excerpt-header h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.15;\n color: var(--ink); margin-top: 1rem; letter-spacing: -0.02em;\n }\n .excerpt-header h2 em { font-style: italic; color: var(--gold-deep); }<\/p>\n<p> .excerpt-card {\n background: var(--paper);\n padding: clamp(2rem, 6vw, 4rem) clamp(1.5rem, 5vw, 3.5rem);\n box-shadow: 0 1px 0 var(--rule-soft), 0 30px 60px -30px rgba(14,24,32,0.15);\n text-align: left; position: relative;\n }\n .excerpt-card::before {\n content: \"\"; position: absolute; inset: clamp(0.5rem, 2vw, 1rem);\n border: 1px solid var(--rule); pointer-events: none;\n }<\/p>\n<p> .chapter-marker {\n font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600;\n letter-spacing: 0.32em; color: var(--gold-deep);\n text-transform: uppercase; margin-bottom: 0.4rem;\n }\n .chapter-title {\n font-family: 'Fraunces', serif; font-weight: 500;\n font-size: clamp(1.5rem, 4vw, 1.8rem); line-height: 1.1;\n color: var(--ink); margin-bottom: 0.5rem;\n }\n .chapter-tense {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: 1rem; color: var(--gold-deep);\n margin-bottom: 1.5rem; padding-bottom: 1.2rem;\n border-bottom: 1px solid var(--rule);\n }\n .excerpt-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.05rem, 2vw, 1.2rem); line-height: 1.75; color: var(--ink);\n }\n .excerpt-text p { margin-bottom: 1.2rem; }\n .excerpt-text .highlight {\n background: linear-gradient(180deg, transparent 50%, rgba(201,169,97,0.25) 50%);\n padding: 0 0.15em; font-style: italic;\n color: var(--gold-deep); font-weight: 500;\n }\n .excerpt-caption {\n font-family: 'Inter', sans-serif; font-size: 0.7rem;\n letter-spacing: 0.15em; text-transform: uppercase;\n color: var(--gold-deep); margin-top: 2rem;\n font-weight: 500; text-align: center;\n }<\/p>\n<p> .inside-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: var(--cream-warm);\n }\n .inside-inner { max-width: 1100px; margin: 0 auto; }\n .inside-header { text-align: center; margin-bottom: 3.5rem; }\n .inside-header .section-label { justify-content: center; }\n .inside-header h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2rem, 5.5vw, 3.5rem); line-height: 1.1;\n color: var(--ink); margin-top: 1rem; letter-spacing: -0.02em;\n max-width: 800px; margin-left: auto; margin-right: auto;\n }\n .inside-header h2 em { font-style: italic; color: var(--gold-deep); }<\/p>\n<p> .inside-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));\n gap: 0;\n border-top: 1px solid var(--rule);\n border-left: 1px solid var(--rule);\n }\n .inside-item {\n padding: clamp(2rem, 5vw, 3rem) clamp(1.5rem, 4vw, 2rem);\n border-right: 1px solid var(--rule);\n border-bottom: 1px solid var(--rule);\n background: var(--paper); transition: background 0.4s ease;\n }\n .inside-item:hover { background: rgba(201,169,97,0.06); }<\/p>\n<p> .inside-num {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 300;\n font-size: clamp(2.5rem, 7vw, 3.5rem); color: var(--gold);\n line-height: 0.9; margin-bottom: 1rem;\n }\n .inside-label {\n font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600;\n letter-spacing: 0.25em; color: var(--gold-deep);\n text-transform: uppercase; margin-bottom: 0.5rem;\n }\n .inside-title {\n font-family: 'Fraunces', serif; font-weight: 500;\n font-size: 1.25rem; line-height: 1.2;\n color: var(--ink); margin-bottom: 0.7rem;\n }\n .inside-desc {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem; line-height: 1.5; color: rgba(14,24,32,0.7);\n }<\/p>\n<p> .method-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: radial-gradient(ellipse at 70% 50%, rgba(201,169,97,0.08) 0%, transparent 60%), var(--ink);\n color: var(--cream); overflow: hidden;\n }\n .method-inner {\n max-width: 1100px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1.2fr;\n gap: clamp(2.5rem, 5vw, 6rem); align-items: center;\n }\n .method-text h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(1.8rem, 5vw, 3.2rem); line-height: 1.1;\n color: var(--cream); margin-top: 1rem; letter-spacing: -0.02em;\n }\n .method-text h2 em { font-style: italic; color: var(--gold); }\n .method-text p {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.1rem, 1.8vw, 1.25rem); line-height: 1.65;\n color: rgba(247,241,225,0.75); margin-top: 2rem;\n }\n .method-text .section-label { color: var(--gold); }\n .method-text .section-label::before { background: var(--gold); }<\/p>\n<p> .sequence { display: flex; flex-direction: column; gap: 0.4rem; }\n .seq-row {\n display: grid; grid-template-columns: 50px 1fr auto;\n align-items: baseline; gap: clamp(0.8rem, 2vw, 1.5rem);\n padding: 1rem 0;\n border-bottom: 1px solid rgba(201,169,97,0.15);\n transition: padding-left 0.3s ease;\n }\n .seq-row:hover {\n padding-left: 0.5rem;\n border-bottom-color: rgba(201,169,97,0.5);\n }\n .seq-num {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 300;\n font-size: clamp(1.3rem, 3vw, 1.6rem); color: var(--gold);\n }\n .seq-tense {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(0.95rem, 1.8vw, 1.05rem); color: var(--cream);\n }\n .seq-chapter {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(0.85rem, 1.6vw, 0.95rem);\n color: rgba(247,241,225,0.5); text-align: right;\n }<\/p>\n<p> .promise-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: var(--paper);\n }\n .promise-inner { max-width: 850px; margin: 0 auto; text-align: center; }\n .promise-inner .section-label { justify-content: center; }\n .promise-quote {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 300;\n font-size: clamp(1.4rem, 4vw, 2.5rem); line-height: 1.4;\n color: var(--ink); margin: 2rem 0;\n }\n .promise-quote em { color: var(--gold-deep); font-style: italic; }\n .author-block {\n margin-top: 3rem; padding-top: 2.5rem;\n border-top: 1px solid var(--rule);\n }\n .author-name {\n font-family: 'Fraunces', serif; font-weight: 500;\n font-size: 1.2rem; color: var(--ink); margin-bottom: 0.3rem;\n }\n .author-role {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n color: rgba(14,24,32,0.55); font-size: 1rem;\n }<\/p>\n<p> .purchase-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x) clamp(4rem, 10vw, 8rem);\n background: linear-gradient(180deg, var(--paper) 0%, var(--cream-warm) 100%);\n }\n .purchase-inner { max-width: 600px; margin: 0 auto; text-align: center; }\n .purchase-inner .section-label { justify-content: center; }\n .purchase-inner h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2rem, 5.5vw, 3.3rem); line-height: 1.1;\n color: var(--ink); margin-top: 1rem; margin-bottom: 1.2rem;\n letter-spacing: -0.02em;\n }\n .purchase-inner h2 em { font-style: italic; color: var(--gold-deep); }\n .purchase-tagline {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(1.05rem, 2vw, 1.25rem);\n color: rgba(14,24,32,0.65); margin-bottom: 2.5rem;\n }<\/p>\n<p> .price-card {\n background: var(--paper);\n padding: clamp(2.2rem, 6vw, 3.5rem) clamp(1.5rem, 5vw, 2.5rem);\n box-shadow: 0 1px 0 var(--rule-soft), 0 40px 80px -40px rgba(14,24,32,0.15);\n margin-bottom: 2rem; position: relative;\n }\n .price-card::before {\n content: \"\"; position: absolute; inset: clamp(0.4rem, 1.5vw, 0.8rem);\n border: 1px solid var(--rule); pointer-events: none;\n }\n .price-row {\n display: flex; align-items: baseline; justify-content: center;\n gap: 0.7rem; margin-bottom: 0.5rem;\n }\n .price-current {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2.8rem, 8vw, 4rem); color: var(--ink); line-height: 1;\n }\n .price-was {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(1.2rem, 3vw, 1.5rem);\n color: rgba(14,24,32,0.35); text-decoration: line-through;\n }\n .early-bird {\n font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600;\n letter-spacing: 0.25em; color: var(--gold-deep);\n text-transform: uppercase; margin-bottom: 1.5rem;\n }\n .price-features {\n list-style: none; text-align: left;\n margin: 1.5rem auto; max-width: 320px;\n }\n .price-features li {\n font-family: 'Cormorant Garamond', serif; font-size: 1.05rem;\n padding: 0.55rem 0; color: var(--ink);\n border-bottom: 1px solid var(--rule);\n display: flex; align-items: center; gap: 0.8rem;\n }\n .price-features li::before {\n content: \"\u203a\"; color: var(--gold);\n font-family: 'Fraunces', serif; font-size: 1.4rem;\n font-style: italic; flex-shrink: 0;\n }<\/p>\n<p> .btn-purchase {\n display: inline-flex; align-items: center; justify-content: center;\n gap: 0.8rem; background: var(--ink); color: var(--cream);\n padding: 1.25rem 2.5rem; border: none;\n font-family: 'Inter', sans-serif; font-size: 0.85rem; font-weight: 600;\n letter-spacing: 0.18em; text-transform: uppercase;\n cursor: pointer; text-decoration: none; margin-top: 1rem;\n transition: all 0.3s ease; position: relative; overflow: hidden;\n width: 100%; max-width: 320px;\n }\n .btn-purchase::after {\n content: \"\"; position: absolute; inset: 0;\n background: var(--ink-deep); transform: scaleY(0);\n transform-origin: bottom; transition: transform 0.4s ease; z-index: 0;\n }\n .btn-purchase:hover::after { transform: scaleY(1); }\n .btn-purchase span, .btn-purchase .arrow { position: relative; z-index: 1; }<\/p>\n<p> .guarantee {\n margin-top: 2rem; font-family: 'Cormorant Garamond', serif;\n font-style: italic; font-size: 1rem; color: rgba(14,24,32,0.5);\n }<\/p>\n<p> footer {\n padding: clamp(2.5rem, 6vw, 4rem) var(--pad-x) clamp(2rem, 5vw, 3rem);\n background: var(--ink-deep); color: rgba(247,241,225,0.4);\n text-align: center; font-family: 'Inter', sans-serif;\n font-size: 0.7rem; letter-spacing: 0.1em;\n }\n footer .brand {\n color: var(--gold); letter-spacing: 0.32em;\n font-size: 0.7rem; font-weight: 500; margin-bottom: 1rem;\n }<\/p>\n<p> @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }<\/p>\n<p> .reveal {\n opacity: 0; transform: translateY(20px);\n transition: opacity 1s ease, transform 1s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }<\/p>\n<p> \/* TABLET *\/\n @media (max-width: 900px) {\n .hero-inner {\n grid-template-columns: 1fr;\n gap: 3rem; text-align: center;\n }\n .hero-inner > div:first-child { order: 2; }\n .hero-visual { order: 1; max-width: 220px; }\n .eyebrow { justify-content: center; }\n .hero-cta { justify-content: center; }\n .tagline { margin-left: auto; margin-right: auto; }\n .scroll-cue { display: none; }\n .method-inner { grid-template-columns: 1fr; gap: 3rem; }\n }<\/p>\n<p> \/* PHONE *\/\n @media (max-width: 640px) {\n .hero-cta { gap: 1.5rem; flex-direction: column; align-items: stretch; }\n .btn-primary { width: 100%; padding: 1.1rem 1.5rem; }\n .price-badge { width: 100%; align-items: center; }\n .inside-grid { grid-template-columns: 1fr 1fr; }\n .seq-row {\n grid-template-columns: 40px 1fr;\n grid-template-rows: auto auto;\n }\n .seq-num { grid-row: 1 \/ 3; align-self: center; }\n .seq-chapter { text-align: left; grid-column: 2; }\n .story-prose .pullquote { padding-left: 1rem; margin: 2rem 0; }\n }<\/p>\n<p> \/* SMALL PHONE *\/\n @media (max-width: 400px) {\n :root { --pad-x: 1.1rem; }\n h1.title { font-size: 2.4rem; }\n .inside-grid { grid-template-columns: 1fr; }\n .price-features { max-width: 100%; }\n .price-features li { font-size: 1rem; }\n .price-row { gap: 0.5rem; }\n .hero-visual { max-width: 200px; }\n }<\/p>\n<p> \/* REDUCED MOTION *\/\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .reveal { opacity: 1; transform: none; }\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"hero\">\n<div class=\"hero-inner\">\n<div>\n<div class=\"eyebrow\">A Novel \u00b7 A Grammar Course \u00b7 One Book<\/div>\n<h1 class=\"title\">The <span class=\"gold\">Light<\/span><br \/>at the Edge of <span class=\"gold\">Everything<\/span><\/h1>\n<p class=\"tagline\">Maya Chen inherits a lighthouse from a grandmother she never knew existed. Inside it: a journal, a locked iron chest, and a fifty-year-old secret that could change the world.<\/p>\n<div class=\"hero-cta\">\n <a href=\"#purchase\" class=\"btn-primary\"><br \/>\n <span>Read more \u2192<\/span><br \/>\n <\/a><\/p>\n<div class=\"price-badge\">\n<div><span class=\"strike\">$29<\/span><span class=\"price\">$24<\/span><\/div>\n<div class=\"label\">Early Access<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hero-visual\">\n<div class=\"book-cover\">\n<div class=\"cover-title\">The <em>Light<\/em><br \/>at the Edge of <em>Everything<\/em><\/div>\n<div class=\"cover-bottom\">\n<div class=\"cover-tag\">Everything That Is English<\/div>\n<div class=\"cover-brand\">Brain Friendly\u2122 \u00b7 2026<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"scroll-cue\">\n Begin<\/p>\n<div class=\"line\"><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"story-section\">\n<div class=\"story-inner\">\n<div class=\"section-label\">The Premise<\/div>\n<div class=\"story-prose reveal\">\n<p>You’ve studied English for years. You’ve memorized the rules. You’ve drilled the conjugations. And still \u2014 when someone asks <em>“What had you been doing?”<\/em> \u2014 you freeze.<\/p>\n<p>It’s not your fault. Most learners study the twelve tenses in the wrong order, drilled out of context, divorced from anything that resembles real life. Of course it doesn’t stick.<\/p>\n<div class=\"pullquote\">“Each tense appeared naturally because the story demanded it \u2014 the same way you will use them naturally in real life.”<\/div>\n<p>This book is different. It teaches all twelve English tenses through a complete, original mystery novel. As Maya travels from Seattle to a lighthouse in Maine, each chapter introduces one tense \u2014 exactly when the story needs it. By the end, you’ve read a novel and mastered the grammar that took you years to almost-understand.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"excerpt-section\">\n<div class=\"excerpt-inner\">\n<div class=\"excerpt-header reveal\">\n<div class=\"section-label\">A Page from the Book<\/div>\n<h2>Read it. <em>Feel it.<\/em><br \/>The grammar takes care of itself.<\/h2>\n<\/p><\/div>\n<div class=\"excerpt-card reveal\">\n<div class=\"chapter-marker\">Chapter Five<\/div>\n<h3 class=\"chapter-title\">The Lighthouse<\/h3>\n<div class=\"chapter-tense\">Present Perfect<\/div>\n<div class=\"excerpt-text\">\n<p><span class=\"highlight\">Maya has arrived.<\/span><\/p>\n<p>She <span class=\"highlight\">has driven<\/span> 3,200 miles in six days, through rain and mountains and the long flat breath of the Midwest, and now she is standing at the end of a gravel road in Rook’s Landing, Maine, looking up at the lighthouse for the first time.<\/p>\n<p>Maya <span class=\"highlight\">has already met<\/span> the lawyer, <span class=\"highlight\">has signed<\/span> the documents, and <span class=\"highlight\">has collected<\/span> the key \u2014 an old brass key, heavy as a secret. She <span class=\"highlight\">has eaten<\/span> nothing since morning. She <span class=\"highlight\">has not called<\/span> her mother.<\/p>\n<p>She <span class=\"highlight\">has also found<\/span> something she did not expect.<\/p>\n<\/p><\/div>\n<div class=\"excerpt-caption\">\u2014 One of twelve chapters \u2014<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"inside-section\">\n<div class=\"inside-inner\">\n<div class=\"inside-header reveal\">\n<div class=\"section-label\">What’s Inside<\/div>\n<h2>52 pages. <em>One complete system<\/em><br \/>for learning English.<\/h2>\n<\/p><\/div>\n<div class=\"inside-grid reveal\">\n<div class=\"inside-item\">\n<div class=\"inside-num\">12<\/div>\n<div class=\"inside-label\">The Story<\/div>\n<div class=\"inside-title\">A Mystery Novel<\/div>\n<div class=\"inside-desc\">Twelve chapters. One tense per chapter. A complete narrative arc that pulls you forward.<\/div>\n<\/p><\/div>\n<div class=\"inside-item\">\n<div class=\"inside-num\">12<\/div>\n<div class=\"inside-label\">The Reference<\/div>\n<div class=\"inside-title\">Grammar Guide<\/div>\n<div class=\"inside-desc\">Formation, usage, key idea, story connection, and example sentences for every tense.<\/div>\n<\/p><\/div>\n<div class=\"inside-item\">\n<div class=\"inside-num\">144<\/div>\n<div class=\"inside-label\">The Words<\/div>\n<div class=\"inside-title\">Vocabulary Index<\/div>\n<div class=\"inside-desc\">Carefully selected vocabulary from the story, organized by chapter with definitions and parts of speech.<\/div>\n<\/p><\/div>\n<div class=\"inside-item\">\n<div class=\"inside-num\">100<\/div>\n<div class=\"inside-label\">The Verbs<\/div>\n<div class=\"inside-title\">Irregular Verbs<\/div>\n<div class=\"inside-desc\">All three forms, in alphabetical order, with clear English meanings \u2014 the verbs that appear in the novel itself.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"method-section\">\n<div class=\"method-inner\">\n<div class=\"method-text reveal\">\n<div class=\"section-label\">The Smart Sequence<\/div>\n<h2>The traditional order is <em>backwards.<\/em><\/h2>\n<p>Most textbooks teach Present Simple \u2192 Present Continuous \u2192 Past Simple \u2192 Past Continuous, all the way to Future Perfect Continuous. That’s why so many learners give up around tense five. We teach the tenses in order of usefulness \u2014 anchored to the chapters of a story your brain actually wants to remember.<\/p>\n<\/p><\/div>\n<div class=\"sequence reveal\">\n<div class=\"seq-row\">\n<div class=\"seq-num\">01<\/div>\n<div class=\"seq-tense\">Present Simple<\/div>\n<div class=\"seq-chapter\">The Ordinary World<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">02<\/div>\n<div class=\"seq-tense\">Present Continuous<\/div>\n<div class=\"seq-chapter\">The Letter<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">03<\/div>\n<div class=\"seq-tense\">Past Simple<\/div>\n<div class=\"seq-chapter\">What the Letter Said<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">04<\/div>\n<div class=\"seq-tense\">Future \u00b7 Will & Going To<\/div>\n<div class=\"seq-chapter\">The Decision<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">05<\/div>\n<div class=\"seq-tense\">Present Perfect<\/div>\n<div class=\"seq-chapter\">The Lighthouse<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">06<\/div>\n<div class=\"seq-tense\">Past Continuous<\/div>\n<div class=\"seq-chapter\">The Night It Happened<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">\u00b7\u00b7\u00b7<\/div>\n<div class=\"seq-tense\" style=\"font-style: italic; color: rgba(247,241,225,0.5);\">Six more \u2014 to the most complex tense<\/div>\n<div class=\"seq-chapter\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"promise-section\">\n<div class=\"promise-inner\">\n<div class=\"reveal\">\n<div class=\"section-label\">From the Author<\/div>\n<div class=\"promise-quote\">“I built this for the learners I’ve watched memorize rules they could never use. Read the story. Live inside it. <em>The grammar will take care of itself.<\/em>“<\/div>\n<div class=\"author-block\">\n<div class=\"author-name\">Mariann<\/div>\n<div class=\"author-role\">English language teacher \u00b7 Creator of the Brain Friendly\u2122 method<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"purchase-section\" id=\"purchase\">\n<div class=\"purchase-inner\">\n<div class=\"section-label\">Begin<\/div>\n<h2>The lighthouse is <em>waiting.<\/em><\/h2>\n<p class=\"purchase-tagline\">52-page illustrated PDF. Instant download. Read anywhere \u2014 phone, tablet, print.<\/p>\n<div class=\"price-card reveal\">\n<div class=\"early-bird\">\u2605 Early Access \u00b7 First 100 Buyers<\/div>\n<div class=\"price-row\">\n <span class=\"price-was\">$29<\/span><br \/>\n <span class=\"price-current\">$24<\/span>\n <\/div>\n<div style=\"font-family: 'Cormorant Garamond'; font-style: italic; color: rgba(14,24,32,0.55); font-size: 1rem;\">USD \u00b7 one-time payment<\/div>\n<ul class=\"price-features\">\n<li>The complete novel \u00b7 12 chapters<\/li>\n<li>Full grammar guide \u00b7 12 tenses<\/li>\n<li>144 vocabulary words<\/li>\n<li>100 essential irregular verbs<\/li>\n<li>Lifetime access \u00b7 all future revisions<\/li>\n<\/ul>\n<p> <a href=\"\/en\/checkout.html\/\" class=\"btn-purchase\"><br \/>\n <span>Get the book<\/span><br \/>\n <span class=\"arrow\">\u2192<\/span><br \/>\n <\/a><\/p>\n<div class=\"guarantee\">30-day refund \u00b7 no questions asked.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<footer>\n<div class=\"brand\">BRAIN FRIENDLY\u2122 \u00b7 2026<\/div>\n<div>The Light at the Edge of Everything \u00b7 Everything That Is English<\/div>\n<\/footer>\n<p><script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('visible');\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>The Light at the Edge of Everything \u2014 English Grammar Through Story A Novel \u00b7 A Grammar Course \u00b7 One Book The Lightat the Edge of Everything Maya Chen inherits a lighthouse from a grandmother she never knew existed. Inside it: a journal, a locked iron chest, and a fifty-year-old secret that could change the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-322","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/comments?post=322"}],"version-history":[{"count":6,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/322\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/322\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/media?parent=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":322,"date":"2026-04-28T11:24:06","date_gmt":"2026-04-28T11:24:06","guid":{"rendered":"https:\/\/ewihllc.com\/?page_id=322"},"modified":"2026-04-28T12:46:06","modified_gmt":"2026-04-28T12:46:06","slug":"home","status":"publish","type":"page","link":"https:\/\/ewihllc.com\/en\/home\/","title":{"rendered":"Home"},"content":{"rendered":"

\n
\n
\n
\n
\n
\nThe Light at the Edge of Everything \u2014 English Grammar Through Story<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --ink: #0e1820;\n --ink-deep: #060d12;\n --cream: #f7f1e1;\n --cream-warm: #ede4cd;\n --gold: #c9a961;\n --gold-bright: #d9b975;\n --gold-deep: #8b7340;\n --paper: #faf6ec;\n --rule: rgba(201, 169, 97, 0.25);\n --rule-soft: rgba(14, 24, 32, 0.08);\n --pad-x: clamp(1.25rem, 5vw, 4rem);\n }<\/p>\n<p> *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n body {\n font-family: 'Cormorant Garamond', Georgia, serif;\n background: var(--paper);\n color: var(--ink);\n line-height: 1.55;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n img, svg { max-width: 100%; height: auto; display: block; }\n a { color: inherit; }\n button, .btn-primary, .btn-purchase {\n min-height: 44px;\n -webkit-tap-highlight-color: transparent;\n }<\/p>\n<p> .hero {\n position: relative;\n min-height: 100vh;\n min-height: 100dvh;\n background:\n radial-gradient(ellipse at 75% 35%, rgba(201,169,97,0.18) 0%, transparent 55%),\n radial-gradient(ellipse at 20% 80%, rgba(201,122,102,0.10) 0%, transparent 60%),\n linear-gradient(180deg, #0a1218 0%, #0e1820 50%, #131e26 100%);\n color: var(--cream);\n overflow: hidden;\n display: flex;\n align-items: center;\n padding-top: env(safe-area-inset-top);\n padding-bottom: env(safe-area-inset-bottom);\n }<\/p>\n<p> .hero::before {\n content: \"\"; position: absolute; inset: 0;\n background-image:\n radial-gradient(1px 1px at 20% 30%, white, transparent),\n radial-gradient(1px 1px at 60% 70%, white, transparent),\n radial-gradient(1px 1px at 50% 50%, rgba(255,255,255,0.7), transparent),\n radial-gradient(1px 1px at 80% 10%, white, transparent),\n radial-gradient(1px 1px at 90% 60%, rgba(255,255,255,0.5), transparent),\n radial-gradient(1.5px 1.5px at 33% 80%, rgba(255,255,255,0.8), transparent),\n radial-gradient(1px 1px at 70% 25%, rgba(255,255,255,0.6), transparent),\n radial-gradient(1px 1px at 15% 60%, rgba(255,255,255,0.4), transparent);\n background-size: 200% 200%; opacity: 0.6;\n animation: drift 60s linear infinite; pointer-events: none;\n }\n @keyframes drift { from { background-position: 0% 0%; } to { background-position: 100% 100%; } }<\/p>\n<p> .hero::after {\n content: \"\"; position: absolute; top: 30%; right: -10%;\n width: 120vw; height: 60vh;\n background: radial-gradient(ellipse at right center, rgba(255,220,150,0.08) 0%, transparent 50%);\n transform-origin: right center;\n animation: beam 18s ease-in-out infinite; pointer-events: none;\n }\n @keyframes beam {\n 0%, 100% { transform: rotate(-3deg); opacity: 0.6; }\n 50% { transform: rotate(2deg); opacity: 1; }\n }<\/p>\n<p> .hero-inner {\n width: 100%; max-width: 1200px; margin: 0 auto;\n padding: clamp(4rem, 10vh, 8rem) var(--pad-x);\n position: relative; z-index: 2;\n display: grid; grid-template-columns: 1.3fr 1fr;\n gap: clamp(2rem, 5vw, 6rem); align-items: center;\n }<\/p>\n<p> .eyebrow {\n font-family: 'Inter', sans-serif; font-size: 0.7rem; font-weight: 500;\n letter-spacing: 0.32em; color: var(--gold); text-transform: uppercase;\n margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem;\n opacity: 0; animation: fadeUp 1s ease-out 0.2s forwards;\n }\n .eyebrow::before {\n content: \"\"; width: 30px; height: 1px;\n background: var(--gold); flex-shrink: 0;\n }<\/p>\n<p> h1.title {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2.5rem, 8vw, 6rem); line-height: 0.95;\n letter-spacing: -0.02em; color: var(--cream); margin-bottom: 1.5rem;\n opacity: 0; animation: fadeUp 1.1s ease-out 0.4s forwards; word-wrap: break-word;\n }\n h1.title .gold { color: var(--gold); font-style: italic; font-weight: 300; }<\/p>\n<p> .tagline {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(1.05rem, 1.6vw, 1.4rem); color: rgba(247,241,225,0.78);\n line-height: 1.55; max-width: 38rem; margin-bottom: 2.5rem;\n opacity: 0; animation: fadeUp 1.1s ease-out 0.6s forwards;\n }<\/p>\n<p> .hero-cta {\n display: flex; align-items: center;\n gap: clamp(1.25rem, 3vw, 2rem); flex-wrap: wrap;\n opacity: 0; animation: fadeUp 1s ease-out 0.9s forwards;\n }<\/p>\n<p> .btn-primary {\n background: var(--gold); color: var(--ink-deep);\n padding: 1.05rem 2rem; border: none;\n font-family: 'Inter', sans-serif; font-size: 0.8rem; font-weight: 600;\n letter-spacing: 0.15em; text-transform: uppercase;\n cursor: pointer; text-decoration: none;\n display: inline-flex; align-items: center; justify-content: center;\n gap: 0.7rem; transition: all 0.3s ease; position: relative; overflow: hidden;\n }\n .btn-primary::after {\n content: \"\"; position: absolute; inset: 0;\n background: var(--gold-bright); transform: translateX(-101%);\n transition: transform 0.4s ease; z-index: 0;\n }\n .btn-primary:hover::after { transform: translateX(0); }\n .btn-primary span { position: relative; z-index: 1; }<\/p>\n<p> .price-badge { display: flex; flex-direction: column; color: var(--cream); }\n .price-badge > div:first-child { display: flex; align-items: baseline; gap: 0.4rem; }\n .price-badge .price { font-family: 'Fraunces', serif; font-size: 2rem; font-weight: 500; line-height: 1; }\n .price-badge .strike { font-size: 1rem; color: rgba(247,241,225,0.4); text-decoration: line-through; }\n .price-badge .label {\n font-family: 'Inter', sans-serif; font-size: 0.6rem;\n letter-spacing: 0.2em; color: var(--gold);\n text-transform: uppercase; margin-top: 0.4rem;\n }<\/p>\n<p> .hero-visual {\n position: relative; transform: rotate(-2deg);\n opacity: 0; animation: fadeIn 1.4s ease-out 0.8s forwards;\n width: 100%; max-width: 320px;\n margin-left: auto; margin-right: auto;\n }<\/p>\n<p> .book-cover {\n aspect-ratio: 210 \/ 297;\n background:\n radial-gradient(circle at 70% 30%, rgba(255,220,150,0.4), transparent 50%),\n linear-gradient(180deg, #1a2832 0%, #0a1218 100%);\n border-radius: 4px;\n box-shadow:\n 0 30px 60px -20px rgba(0,0,0,0.6),\n 0 60px 100px -50px rgba(201,169,97,0.2),\n inset 0 0 0 1px rgba(201,169,97,0.15);\n padding: clamp(1.5rem, 5%, 3.5rem) clamp(1.2rem, 4%, 2.5rem);\n display: flex; flex-direction: column; justify-content: space-between;\n color: var(--cream); position: relative; overflow: hidden;\n }\n .book-cover::before {\n content: \"\"; position: absolute; right: 8%; bottom: 16%;\n width: 18%; aspect-ratio: 60\/140;\n background:\n linear-gradient(180deg,\n transparent 0%, transparent 10%,\n var(--gold) 10%, var(--gold) 13%,\n transparent 13%, transparent 18%,\n rgba(247,241,225,0.9) 18%, rgba(247,241,225,0.9) 25%,\n rgba(247,241,225,0.95) 25%, rgba(247,241,225,0.95) 100%);\n clip-path: polygon(40% 0, 60% 0, 65% 10%, 75% 18%, 70% 25%, 80% 100%, 20% 100%, 30% 25%, 25% 18%, 35% 10%);\n box-shadow: 0 0 40px rgba(201,169,97,0.4);\n }\n .book-cover::after {\n content: \"\"; position: absolute; left: 0; right: 0; bottom: 0;\n height: 30%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%);\n }\n .cover-title {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(1.3rem, 5vw, 2.4rem); line-height: 0.95;\n letter-spacing: -0.01em; position: relative; z-index: 2;\n }\n .cover-title em { color: var(--gold); font-style: italic; font-weight: 300; }\n .cover-bottom { position: relative; z-index: 2; }\n .cover-tag {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(0.75rem, 2vw, 0.95rem); color: rgba(247,241,225,0.75);\n margin-bottom: 0.4rem;\n }\n .cover-brand {\n font-family: 'Inter', sans-serif; font-size: clamp(0.45rem, 1.3vw, 0.55rem);\n letter-spacing: 0.3em; color: var(--gold);\n text-transform: uppercase; margin-top: 1.5rem;\n }<\/p>\n<p> .scroll-cue {\n position: absolute; bottom: 2.5rem; left: 50%;\n transform: translateX(-50%); color: var(--gold);\n font-family: 'Inter', sans-serif; font-size: 0.65rem;\n letter-spacing: 0.3em; text-transform: uppercase;\n opacity: 0.6; animation: pulse 2.5s ease-in-out infinite;\n text-align: center; pointer-events: none;\n }\n .scroll-cue .line {\n width: 1px; height: 30px; background: var(--gold);\n margin: 0.7rem auto 0; opacity: 0.6;\n }\n @keyframes pulse {\n 0%, 100% { opacity: 0.4; transform: translateX(-50%) translateY(0); }\n 50% { opacity: 0.9; transform: translateX(-50%) translateY(8px); }\n }<\/p>\n<p> .section-label {\n font-family: 'Inter', sans-serif; font-size: 0.7rem; font-weight: 500;\n letter-spacing: 0.32em; color: var(--gold-deep); text-transform: uppercase;\n margin-bottom: 2rem; display: flex; align-items: center; gap: 1rem;\n }\n .section-label::before {\n content: \"\"; width: 30px; height: 1px;\n background: var(--gold-deep); flex-shrink: 0;\n }<\/p>\n<p> .story-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: var(--paper);\n }\n .story-inner { max-width: 900px; margin: 0 auto; }\n .story-prose p {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 1.7vw, 1.55rem); line-height: 1.65;\n color: var(--ink); margin-bottom: 1.6rem;\n }\n .story-prose p:first-of-type::first-letter {\n font-family: 'Fraunces', serif;\n font-size: clamp(3rem, 7vw, 4.5rem); font-weight: 400;\n float: left; line-height: 0.9;\n margin: 0.3rem 0.7rem 0 0; color: var(--gold);\n }\n .story-prose .pullquote {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 400;\n font-size: clamp(1.4rem, 3vw, 2.3rem); line-height: 1.35;\n color: var(--ink); margin: 2.5rem 0;\n padding: 0 0 0 1.5rem; border-left: 3px solid var(--gold);\n max-width: 38rem;\n }<\/p>\n<p> .excerpt-section {\n padding: clamp(4rem, 10vw, 8rem) var(--pad-x);\n background: linear-gradient(180deg, var(--paper) 0%, var(--cream-warm) 100%);\n position: relative;\n }\n .excerpt-section::before {\n content: \"\"; position: absolute; top: 0; left: 50%;\n transform: translateX(-50%); width: 1px; height: 80px;\n background: linear-gradient(180deg, transparent, var(--gold));\n }\n .excerpt-inner { max-width: 750px; margin: 0 auto; text-align: center; }\n .excerpt-header { margin-bottom: 3rem; }\n .excerpt-header .section-label { justify-content: center; }\n .excerpt-header h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.15;\n color: var(--ink); margin-top: 1rem; letter-spacing: -0.02em;\n }\n .excerpt-header h2 em { font-style: italic; color: var(--gold-deep); }<\/p>\n<p> .excerpt-card {\n background: var(--paper);\n padding: clamp(2rem, 6vw, 4rem) clamp(1.5rem, 5vw, 3.5rem);\n box-shadow: 0 1px 0 var(--rule-soft), 0 30px 60px -30px rgba(14,24,32,0.15);\n text-align: left; position: relative;\n }\n .excerpt-card::before {\n content: \"\"; position: absolute; inset: clamp(0.5rem, 2vw, 1rem);\n border: 1px solid var(--rule); pointer-events: none;\n }<\/p>\n<p> .chapter-marker {\n font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600;\n letter-spacing: 0.32em; color: var(--gold-deep);\n text-transform: uppercase; margin-bottom: 0.4rem;\n }\n .chapter-title {\n font-family: 'Fraunces', serif; font-weight: 500;\n font-size: clamp(1.5rem, 4vw, 1.8rem); line-height: 1.1;\n color: var(--ink); margin-bottom: 0.5rem;\n }\n .chapter-tense {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: 1rem; color: var(--gold-deep);\n margin-bottom: 1.5rem; padding-bottom: 1.2rem;\n border-bottom: 1px solid var(--rule);\n }\n .excerpt-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.05rem, 2vw, 1.2rem); line-height: 1.75; color: var(--ink);\n }\n .excerpt-text p { margin-bottom: 1.2rem; }\n .excerpt-text .highlight {\n background: linear-gradient(180deg, transparent 50%, rgba(201,169,97,0.25) 50%);\n padding: 0 0.15em; font-style: italic;\n color: var(--gold-deep); font-weight: 500;\n }\n .excerpt-caption {\n font-family: 'Inter', sans-serif; font-size: 0.7rem;\n letter-spacing: 0.15em; text-transform: uppercase;\n color: var(--gold-deep); margin-top: 2rem;\n font-weight: 500; text-align: center;\n }<\/p>\n<p> .inside-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: var(--cream-warm);\n }\n .inside-inner { max-width: 1100px; margin: 0 auto; }\n .inside-header { text-align: center; margin-bottom: 3.5rem; }\n .inside-header .section-label { justify-content: center; }\n .inside-header h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2rem, 5.5vw, 3.5rem); line-height: 1.1;\n color: var(--ink); margin-top: 1rem; letter-spacing: -0.02em;\n max-width: 800px; margin-left: auto; margin-right: auto;\n }\n .inside-header h2 em { font-style: italic; color: var(--gold-deep); }<\/p>\n<p> .inside-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));\n gap: 0;\n border-top: 1px solid var(--rule);\n border-left: 1px solid var(--rule);\n }\n .inside-item {\n padding: clamp(2rem, 5vw, 3rem) clamp(1.5rem, 4vw, 2rem);\n border-right: 1px solid var(--rule);\n border-bottom: 1px solid var(--rule);\n background: var(--paper); transition: background 0.4s ease;\n }\n .inside-item:hover { background: rgba(201,169,97,0.06); }<\/p>\n<p> .inside-num {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 300;\n font-size: clamp(2.5rem, 7vw, 3.5rem); color: var(--gold);\n line-height: 0.9; margin-bottom: 1rem;\n }\n .inside-label {\n font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600;\n letter-spacing: 0.25em; color: var(--gold-deep);\n text-transform: uppercase; margin-bottom: 0.5rem;\n }\n .inside-title {\n font-family: 'Fraunces', serif; font-weight: 500;\n font-size: 1.25rem; line-height: 1.2;\n color: var(--ink); margin-bottom: 0.7rem;\n }\n .inside-desc {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem; line-height: 1.5; color: rgba(14,24,32,0.7);\n }<\/p>\n<p> .method-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: radial-gradient(ellipse at 70% 50%, rgba(201,169,97,0.08) 0%, transparent 60%), var(--ink);\n color: var(--cream); overflow: hidden;\n }\n .method-inner {\n max-width: 1100px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1.2fr;\n gap: clamp(2.5rem, 5vw, 6rem); align-items: center;\n }\n .method-text h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(1.8rem, 5vw, 3.2rem); line-height: 1.1;\n color: var(--cream); margin-top: 1rem; letter-spacing: -0.02em;\n }\n .method-text h2 em { font-style: italic; color: var(--gold); }\n .method-text p {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.1rem, 1.8vw, 1.25rem); line-height: 1.65;\n color: rgba(247,241,225,0.75); margin-top: 2rem;\n }\n .method-text .section-label { color: var(--gold); }\n .method-text .section-label::before { background: var(--gold); }<\/p>\n<p> .sequence { display: flex; flex-direction: column; gap: 0.4rem; }\n .seq-row {\n display: grid; grid-template-columns: 50px 1fr auto;\n align-items: baseline; gap: clamp(0.8rem, 2vw, 1.5rem);\n padding: 1rem 0;\n border-bottom: 1px solid rgba(201,169,97,0.15);\n transition: padding-left 0.3s ease;\n }\n .seq-row:hover {\n padding-left: 0.5rem;\n border-bottom-color: rgba(201,169,97,0.5);\n }\n .seq-num {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 300;\n font-size: clamp(1.3rem, 3vw, 1.6rem); color: var(--gold);\n }\n .seq-tense {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(0.95rem, 1.8vw, 1.05rem); color: var(--cream);\n }\n .seq-chapter {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(0.85rem, 1.6vw, 0.95rem);\n color: rgba(247,241,225,0.5); text-align: right;\n }<\/p>\n<p> .promise-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x);\n background: var(--paper);\n }\n .promise-inner { max-width: 850px; margin: 0 auto; text-align: center; }\n .promise-inner .section-label { justify-content: center; }\n .promise-quote {\n font-family: 'Fraunces', serif; font-style: italic; font-weight: 300;\n font-size: clamp(1.4rem, 4vw, 2.5rem); line-height: 1.4;\n color: var(--ink); margin: 2rem 0;\n }\n .promise-quote em { color: var(--gold-deep); font-style: italic; }\n .author-block {\n margin-top: 3rem; padding-top: 2.5rem;\n border-top: 1px solid var(--rule);\n }\n .author-name {\n font-family: 'Fraunces', serif; font-weight: 500;\n font-size: 1.2rem; color: var(--ink); margin-bottom: 0.3rem;\n }\n .author-role {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n color: rgba(14,24,32,0.55); font-size: 1rem;\n }<\/p>\n<p> .purchase-section {\n padding: clamp(5rem, 12vw, 10rem) var(--pad-x) clamp(4rem, 10vw, 8rem);\n background: linear-gradient(180deg, var(--paper) 0%, var(--cream-warm) 100%);\n }\n .purchase-inner { max-width: 600px; margin: 0 auto; text-align: center; }\n .purchase-inner .section-label { justify-content: center; }\n .purchase-inner h2 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2rem, 5.5vw, 3.3rem); line-height: 1.1;\n color: var(--ink); margin-top: 1rem; margin-bottom: 1.2rem;\n letter-spacing: -0.02em;\n }\n .purchase-inner h2 em { font-style: italic; color: var(--gold-deep); }\n .purchase-tagline {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(1.05rem, 2vw, 1.25rem);\n color: rgba(14,24,32,0.65); margin-bottom: 2.5rem;\n }<\/p>\n<p> .price-card {\n background: var(--paper);\n padding: clamp(2.2rem, 6vw, 3.5rem) clamp(1.5rem, 5vw, 2.5rem);\n box-shadow: 0 1px 0 var(--rule-soft), 0 40px 80px -40px rgba(14,24,32,0.15);\n margin-bottom: 2rem; position: relative;\n }\n .price-card::before {\n content: \"\"; position: absolute; inset: clamp(0.4rem, 1.5vw, 0.8rem);\n border: 1px solid var(--rule); pointer-events: none;\n }\n .price-row {\n display: flex; align-items: baseline; justify-content: center;\n gap: 0.7rem; margin-bottom: 0.5rem;\n }\n .price-current {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(2.8rem, 8vw, 4rem); color: var(--ink); line-height: 1;\n }\n .price-was {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(1.2rem, 3vw, 1.5rem);\n color: rgba(14,24,32,0.35); text-decoration: line-through;\n }\n .early-bird {\n font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600;\n letter-spacing: 0.25em; color: var(--gold-deep);\n text-transform: uppercase; margin-bottom: 1.5rem;\n }\n .price-features {\n list-style: none; text-align: left;\n margin: 1.5rem auto; max-width: 320px;\n }\n .price-features li {\n font-family: 'Cormorant Garamond', serif; font-size: 1.05rem;\n padding: 0.55rem 0; color: var(--ink);\n border-bottom: 1px solid var(--rule);\n display: flex; align-items: center; gap: 0.8rem;\n }\n .price-features li::before {\n content: \"\u203a\"; color: var(--gold);\n font-family: 'Fraunces', serif; font-size: 1.4rem;\n font-style: italic; flex-shrink: 0;\n }<\/p>\n<p> .btn-purchase {\n display: inline-flex; align-items: center; justify-content: center;\n gap: 0.8rem; background: var(--ink); color: var(--cream);\n padding: 1.25rem 2.5rem; border: none;\n font-family: 'Inter', sans-serif; font-size: 0.85rem; font-weight: 600;\n letter-spacing: 0.18em; text-transform: uppercase;\n cursor: pointer; text-decoration: none; margin-top: 1rem;\n transition: all 0.3s ease; position: relative; overflow: hidden;\n width: 100%; max-width: 320px;\n }\n .btn-purchase::after {\n content: \"\"; position: absolute; inset: 0;\n background: var(--ink-deep); transform: scaleY(0);\n transform-origin: bottom; transition: transform 0.4s ease; z-index: 0;\n }\n .btn-purchase:hover::after { transform: scaleY(1); }\n .btn-purchase span, .btn-purchase .arrow { position: relative; z-index: 1; }<\/p>\n<p> .guarantee {\n margin-top: 2rem; font-family: 'Cormorant Garamond', serif;\n font-style: italic; font-size: 1rem; color: rgba(14,24,32,0.5);\n }<\/p>\n<p> footer {\n padding: clamp(2.5rem, 6vw, 4rem) var(--pad-x) clamp(2rem, 5vw, 3rem);\n background: var(--ink-deep); color: rgba(247,241,225,0.4);\n text-align: center; font-family: 'Inter', sans-serif;\n font-size: 0.7rem; letter-spacing: 0.1em;\n }\n footer .brand {\n color: var(--gold); letter-spacing: 0.32em;\n font-size: 0.7rem; font-weight: 500; margin-bottom: 1rem;\n }<\/p>\n<p> @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }<\/p>\n<p> .reveal {\n opacity: 0; transform: translateY(20px);\n transition: opacity 1s ease, transform 1s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }<\/p>\n<p> \/* TABLET *\/\n @media (max-width: 900px) {\n .hero-inner {\n grid-template-columns: 1fr;\n gap: 3rem; text-align: center;\n }\n .hero-inner > div:first-child { order: 2; }\n .hero-visual { order: 1; max-width: 220px; }\n .eyebrow { justify-content: center; }\n .hero-cta { justify-content: center; }\n .tagline { margin-left: auto; margin-right: auto; }\n .scroll-cue { display: none; }\n .method-inner { grid-template-columns: 1fr; gap: 3rem; }\n }<\/p>\n<p> \/* PHONE *\/\n @media (max-width: 640px) {\n .hero-cta { gap: 1.5rem; flex-direction: column; align-items: stretch; }\n .btn-primary { width: 100%; padding: 1.1rem 1.5rem; }\n .price-badge { width: 100%; align-items: center; }\n .inside-grid { grid-template-columns: 1fr 1fr; }\n .seq-row {\n grid-template-columns: 40px 1fr;\n grid-template-rows: auto auto;\n }\n .seq-num { grid-row: 1 \/ 3; align-self: center; }\n .seq-chapter { text-align: left; grid-column: 2; }\n .story-prose .pullquote { padding-left: 1rem; margin: 2rem 0; }\n }<\/p>\n<p> \/* SMALL PHONE *\/\n @media (max-width: 400px) {\n :root { --pad-x: 1.1rem; }\n h1.title { font-size: 2.4rem; }\n .inside-grid { grid-template-columns: 1fr; }\n .price-features { max-width: 100%; }\n .price-features li { font-size: 1rem; }\n .price-row { gap: 0.5rem; }\n .hero-visual { max-width: 200px; }\n }<\/p>\n<p> \/* REDUCED MOTION *\/\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .reveal { opacity: 1; transform: none; }\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"hero\">\n<div class=\"hero-inner\">\n<div>\n<div class=\"eyebrow\">A Novel \u00b7 A Grammar Course \u00b7 One Book<\/div>\n<h1 class=\"title\">The <span class=\"gold\">Light<\/span><br \/>at the Edge of <span class=\"gold\">Everything<\/span><\/h1>\n<p class=\"tagline\">Maya Chen inherits a lighthouse from a grandmother she never knew existed. Inside it: a journal, a locked iron chest, and a fifty-year-old secret that could change the world.<\/p>\n<div class=\"hero-cta\">\n <a href=\"#purchase\" class=\"btn-primary\"><br \/>\n <span>Read more \u2192<\/span><br \/>\n <\/a><\/p>\n<div class=\"price-badge\">\n<div><span class=\"strike\">$29<\/span><span class=\"price\">$24<\/span><\/div>\n<div class=\"label\">Early Access<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hero-visual\">\n<div class=\"book-cover\">\n<div class=\"cover-title\">The <em>Light<\/em><br \/>at the Edge of <em>Everything<\/em><\/div>\n<div class=\"cover-bottom\">\n<div class=\"cover-tag\">Everything That Is English<\/div>\n<div class=\"cover-brand\">Brain Friendly\u2122 \u00b7 2026<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"scroll-cue\">\n Begin<\/p>\n<div class=\"line\"><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"story-section\">\n<div class=\"story-inner\">\n<div class=\"section-label\">The Premise<\/div>\n<div class=\"story-prose reveal\">\n<p>You’ve studied English for years. You’ve memorized the rules. You’ve drilled the conjugations. And still \u2014 when someone asks <em>“What had you been doing?”<\/em> \u2014 you freeze.<\/p>\n<p>It’s not your fault. Most learners study the twelve tenses in the wrong order, drilled out of context, divorced from anything that resembles real life. Of course it doesn’t stick.<\/p>\n<div class=\"pullquote\">“Each tense appeared naturally because the story demanded it \u2014 the same way you will use them naturally in real life.”<\/div>\n<p>This book is different. It teaches all twelve English tenses through a complete, original mystery novel. As Maya travels from Seattle to a lighthouse in Maine, each chapter introduces one tense \u2014 exactly when the story needs it. By the end, you’ve read a novel and mastered the grammar that took you years to almost-understand.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"excerpt-section\">\n<div class=\"excerpt-inner\">\n<div class=\"excerpt-header reveal\">\n<div class=\"section-label\">A Page from the Book<\/div>\n<h2>Read it. <em>Feel it.<\/em><br \/>The grammar takes care of itself.<\/h2>\n<\/p><\/div>\n<div class=\"excerpt-card reveal\">\n<div class=\"chapter-marker\">Chapter Five<\/div>\n<h3 class=\"chapter-title\">The Lighthouse<\/h3>\n<div class=\"chapter-tense\">Present Perfect<\/div>\n<div class=\"excerpt-text\">\n<p><span class=\"highlight\">Maya has arrived.<\/span><\/p>\n<p>She <span class=\"highlight\">has driven<\/span> 3,200 miles in six days, through rain and mountains and the long flat breath of the Midwest, and now she is standing at the end of a gravel road in Rook’s Landing, Maine, looking up at the lighthouse for the first time.<\/p>\n<p>Maya <span class=\"highlight\">has already met<\/span> the lawyer, <span class=\"highlight\">has signed<\/span> the documents, and <span class=\"highlight\">has collected<\/span> the key \u2014 an old brass key, heavy as a secret. She <span class=\"highlight\">has eaten<\/span> nothing since morning. She <span class=\"highlight\">has not called<\/span> her mother.<\/p>\n<p>She <span class=\"highlight\">has also found<\/span> something she did not expect.<\/p>\n<\/p><\/div>\n<div class=\"excerpt-caption\">\u2014 One of twelve chapters \u2014<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"inside-section\">\n<div class=\"inside-inner\">\n<div class=\"inside-header reveal\">\n<div class=\"section-label\">What’s Inside<\/div>\n<h2>52 pages. <em>One complete system<\/em><br \/>for learning English.<\/h2>\n<\/p><\/div>\n<div class=\"inside-grid reveal\">\n<div class=\"inside-item\">\n<div class=\"inside-num\">12<\/div>\n<div class=\"inside-label\">The Story<\/div>\n<div class=\"inside-title\">A Mystery Novel<\/div>\n<div class=\"inside-desc\">Twelve chapters. One tense per chapter. A complete narrative arc that pulls you forward.<\/div>\n<\/p><\/div>\n<div class=\"inside-item\">\n<div class=\"inside-num\">12<\/div>\n<div class=\"inside-label\">The Reference<\/div>\n<div class=\"inside-title\">Grammar Guide<\/div>\n<div class=\"inside-desc\">Formation, usage, key idea, story connection, and example sentences for every tense.<\/div>\n<\/p><\/div>\n<div class=\"inside-item\">\n<div class=\"inside-num\">144<\/div>\n<div class=\"inside-label\">The Words<\/div>\n<div class=\"inside-title\">Vocabulary Index<\/div>\n<div class=\"inside-desc\">Carefully selected vocabulary from the story, organized by chapter with definitions and parts of speech.<\/div>\n<\/p><\/div>\n<div class=\"inside-item\">\n<div class=\"inside-num\">100<\/div>\n<div class=\"inside-label\">The Verbs<\/div>\n<div class=\"inside-title\">Irregular Verbs<\/div>\n<div class=\"inside-desc\">All three forms, in alphabetical order, with clear English meanings \u2014 the verbs that appear in the novel itself.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"method-section\">\n<div class=\"method-inner\">\n<div class=\"method-text reveal\">\n<div class=\"section-label\">The Smart Sequence<\/div>\n<h2>The traditional order is <em>backwards.<\/em><\/h2>\n<p>Most textbooks teach Present Simple \u2192 Present Continuous \u2192 Past Simple \u2192 Past Continuous, all the way to Future Perfect Continuous. That’s why so many learners give up around tense five. We teach the tenses in order of usefulness \u2014 anchored to the chapters of a story your brain actually wants to remember.<\/p>\n<\/p><\/div>\n<div class=\"sequence reveal\">\n<div class=\"seq-row\">\n<div class=\"seq-num\">01<\/div>\n<div class=\"seq-tense\">Present Simple<\/div>\n<div class=\"seq-chapter\">The Ordinary World<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">02<\/div>\n<div class=\"seq-tense\">Present Continuous<\/div>\n<div class=\"seq-chapter\">The Letter<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">03<\/div>\n<div class=\"seq-tense\">Past Simple<\/div>\n<div class=\"seq-chapter\">What the Letter Said<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">04<\/div>\n<div class=\"seq-tense\">Future \u00b7 Will & Going To<\/div>\n<div class=\"seq-chapter\">The Decision<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">05<\/div>\n<div class=\"seq-tense\">Present Perfect<\/div>\n<div class=\"seq-chapter\">The Lighthouse<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">06<\/div>\n<div class=\"seq-tense\">Past Continuous<\/div>\n<div class=\"seq-chapter\">The Night It Happened<\/div>\n<\/div>\n<div class=\"seq-row\">\n<div class=\"seq-num\">\u00b7\u00b7\u00b7<\/div>\n<div class=\"seq-tense\" style=\"font-style: italic; color: rgba(247,241,225,0.5);\">Six more \u2014 to the most complex tense<\/div>\n<div class=\"seq-chapter\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"promise-section\">\n<div class=\"promise-inner\">\n<div class=\"reveal\">\n<div class=\"section-label\">From the Author<\/div>\n<div class=\"promise-quote\">“I built this for the learners I’ve watched memorize rules they could never use. Read the story. Live inside it. <em>The grammar will take care of itself.<\/em>“<\/div>\n<div class=\"author-block\">\n<div class=\"author-name\">Mariann<\/div>\n<div class=\"author-role\">English language teacher \u00b7 Creator of the Brain Friendly\u2122 method<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"purchase-section\" id=\"purchase\">\n<div class=\"purchase-inner\">\n<div class=\"section-label\">Begin<\/div>\n<h2>The lighthouse is <em>waiting.<\/em><\/h2>\n<p class=\"purchase-tagline\">52-page illustrated PDF. Instant download. Read anywhere \u2014 phone, tablet, print.<\/p>\n<div class=\"price-card reveal\">\n<div class=\"early-bird\">\u2605 Early Access \u00b7 First 100 Buyers<\/div>\n<div class=\"price-row\">\n <span class=\"price-was\">$29<\/span><br \/>\n <span class=\"price-current\">$24<\/span>\n <\/div>\n<div style=\"font-family: 'Cormorant Garamond'; font-style: italic; color: rgba(14,24,32,0.55); font-size: 1rem;\">USD \u00b7 one-time payment<\/div>\n<ul class=\"price-features\">\n<li>The complete novel \u00b7 12 chapters<\/li>\n<li>Full grammar guide \u00b7 12 tenses<\/li>\n<li>144 vocabulary words<\/li>\n<li>100 essential irregular verbs<\/li>\n<li>Lifetime access \u00b7 all future revisions<\/li>\n<\/ul>\n<p> <a href=\"\/en\/checkout.html\/\" class=\"btn-purchase\"><br \/>\n <span>Get the book<\/span><br \/>\n <span class=\"arrow\">\u2192<\/span><br \/>\n <\/a><\/p>\n<div class=\"guarantee\">30-day refund \u00b7 no questions asked.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<footer>\n<div class=\"brand\">BRAIN FRIENDLY\u2122 \u00b7 2026<\/div>\n<div>The Light at the Edge of Everything \u00b7 Everything That Is English<\/div>\n<\/footer>\n<p><script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('visible');\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>The Light at the Edge of Everything \u2014 English Grammar Through Story A Novel \u00b7 A Grammar Course \u00b7 One Book The Lightat the Edge of Everything Maya Chen inherits a lighthouse from a grandmother she never knew existed. Inside it: a journal, a locked iron chest, and a fifty-year-old secret that could change the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-322","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/comments?post=322"}],"version-history":[{"count":6,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/322\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/322\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/media?parent=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}