{"id":326,"date":"2026-04-28T11:26:31","date_gmt":"2026-04-28T11:26:31","guid":{"rendered":"https:\/\/ewihllc.com\/?page_id=326"},"modified":"2026-04-28T11:28:51","modified_gmt":"2026-04-28T11:28:51","slug":"checkout","status":"publish","type":"page","link":"https:\/\/ewihllc.com\/en\/checkout\/","title":{"rendered":"Checkout"},"content":{"rendered":"


\n
\n
\n
\n
\n
\nCheckout \u2014 The Light at the Edge of Everything<\/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;1,400;1,500&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;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-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 { -webkit-text-size-adjust: 100%; }\n body {\n font-family: 'Cormorant Garamond', Georgia, serif;\n background: var(--paper); color: var(--ink);\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n button, input, .submit-btn {\n -webkit-tap-highlight-color: transparent;\n font-family: inherit;\n }\n \/* Critical: prevent iOS auto-zoom on input focus *\/\n input { font-size: 16px !important; }<\/p>\n<p> header {\n padding: 1.25rem var(--pad-x);\n border-bottom: 1px solid var(--rule-soft);\n background: var(--paper);\n display: flex; justify-content: space-between; align-items: center;\n gap: 1rem; flex-wrap: wrap;\n padding-top: max(1.25rem, env(safe-area-inset-top));\n }\n .logo {\n font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600;\n letter-spacing: 0.32em; color: var(--gold-deep); text-transform: uppercase;\n }\n .back-link {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n color: rgba(14,24,32,0.6); text-decoration: none;\n font-size: 1rem; transition: color 0.3s;\n min-height: 44px; display: inline-flex; align-items: center;\n }\n .back-link:hover { color: var(--gold-deep); }<\/p>\n<p> main {\n flex: 1; display: grid;\n grid-template-columns: 1fr 1fr;\n max-width: 1200px; margin: 0 auto;\n width: 100%;\n padding: clamp(2rem, 5vw, 4rem) var(--pad-x);\n gap: clamp(2rem, 5vw, 5rem);\n align-items: start;\n }<\/p>\n<p> .summary { position: sticky; top: 4rem; }<\/p>\n<p> .summary-eyebrow {\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: 1.5rem; display: flex; align-items: center; gap: 1rem;\n }\n .summary-eyebrow::before {\n content: \"\"; width: 30px; height: 1px;\n background: var(--gold-deep); flex-shrink: 0;\n }\n .summary h1 {\n font-family: 'Fraunces', serif; font-weight: 400;\n font-size: clamp(1.7rem, 5vw, 2.6rem);\n line-height: 1.05; letter-spacing: -0.02em; margin-bottom: 0.5rem;\n }\n .summary h1 em { font-style: italic; color: var(--gold-deep); }\n .summary-tagline {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: clamp(0.95rem, 2vw, 1.05rem);\n color: rgba(14,24,32,0.55); margin-bottom: 2.5rem;\n }<\/p>\n<p> .product-card {\n background: var(--cream-warm);\n padding: clamp(1.4rem, 4vw, 2rem);\n margin-bottom: 2rem; position: relative;\n }\n .product-card::before {\n content: \"\"; position: absolute;\n inset: clamp(0.4rem, 1.5vw, 0.7rem);\n border: 1px solid var(--rule); pointer-events: none;\n }\n .product-row {\n display: flex; gap: clamp(1rem, 3vw, 1.5rem);\n align-items: flex-start; margin-bottom: 1.5rem;\n }<\/p>\n<p> .mini-cover {\n flex: 0 0 80px; aspect-ratio: 210 \/ 297;\n background: 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: 2px;\n box-shadow: 0 8px 20px -8px rgba(0,0,0,0.4);\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n padding: 0.5rem; position: relative; overflow: hidden;\n }\n .mini-cover-title {\n font-family: 'Fraunces', serif; font-size: 0.5rem; line-height: 1;\n color: var(--cream); text-align: center;\n }\n .mini-cover-title em { color: var(--gold); font-style: italic; }<\/p>\n<p> .product-info { flex: 1; min-width: 0; }\n .product-info h2 {\n font-family: 'Fraunces', serif; font-weight: 500;\n font-size: clamp(1rem, 3vw, 1.15rem);\n line-height: 1.2; margin-bottom: 0.4rem;\n }\n .product-info h2 em { color: var(--gold-deep); font-style: italic; }\n .product-info .subtitle {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: 0.9rem; color: rgba(14,24,32,0.55); margin-bottom: 0.6rem;\n }\n .product-info .specs {\n font-family: 'Inter', sans-serif; font-size: 0.6rem;\n letter-spacing: 0.15em; color: var(--gold-deep);\n text-transform: uppercase; font-weight: 500;\n }<\/p>\n<p> .what-included {\n border-top: 1px solid var(--rule);\n padding-top: 1.4rem;\n }\n .what-included li {\n list-style: none; font-family: 'Cormorant Garamond', serif;\n font-size: 0.95rem; padding: 0.35rem 0; color: var(--ink);\n display: flex; align-items: center; gap: 0.7rem;\n }\n .what-included li::before {\n content: \"\u203a\"; color: var(--gold);\n font-family: 'Fraunces', serif; font-size: 1.2rem;\n font-style: italic; flex-shrink: 0;\n }<\/p>\n<p> .totals { margin-top: 1.4rem; }\n .totals-row {\n display: flex; justify-content: space-between; align-items: baseline;\n padding: 0.5rem 0; font-family: 'Cormorant Garamond', serif; font-size: 1rem;\n gap: 1rem;\n }\n .totals-row.discount {\n color: var(--gold-deep); font-style: italic;\n }\n .totals-row.discount .label::before { content: \"\u2212 \"; }\n .totals-row.total {\n font-family: 'Fraunces', serif;\n font-size: clamp(1.3rem, 3vw, 1.5rem); font-weight: 500;\n padding-top: 0.9rem; border-top: 1px solid var(--rule); margin-top: 0.5rem;\n }\n .totals-row.total .amount { color: var(--gold-deep); }<\/p>\n<p> .early-bird-tag {\n display: inline-block; margin-top: 1.4rem;\n padding: 0.5rem 1rem; background: var(--ink); color: var(--gold);\n font-family: 'Inter', sans-serif; font-size: 0.6rem;\n font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase;\n }<\/p>\n<p> .checkout-form { background: var(--paper); }<\/p>\n<p> .form-section { margin-bottom: 2rem; }\n .form-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.9rem; display: block;\n }\n .form-input {\n width: 100%;\n padding: 0.95rem 1.1rem;\n font-family: 'Cormorant Garamond', serif;\n \/* CRITICAL: 16px prevents iOS auto-zoom *\/\n font-size: 16px;\n color: var(--ink); background: transparent;\n border: 1px solid var(--rule); border-radius: 0;\n transition: all 0.3s ease; font-style: italic;\n -webkit-appearance: none; appearance: none;\n min-height: 48px;\n }\n .form-input:focus {\n outline: none; border-color: var(--gold-deep);\n background: var(--cream-warm);\n }\n .form-input::placeholder {\n color: rgba(14,24,32,0.35); font-style: italic;\n }<\/p>\n<p> .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }\n .form-help {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: 0.9rem; color: rgba(14,24,32,0.55); margin-top: 0.55rem;\n }<\/p>\n<p> .pay-options { display: grid; gap: 0.7rem; }\n .pay-option { position: relative; cursor: pointer; }\n .pay-option input { position: absolute; opacity: 0; pointer-events: none; }\n .pay-option-card {\n border: 1px solid var(--rule);\n padding: 1.1rem 1.2rem;\n transition: all 0.3s ease;\n display: flex; align-items: center; justify-content: space-between;\n gap: 1rem; min-height: 64px;\n }\n .pay-option input:checked + .pay-option-card {\n border-color: var(--gold-deep);\n background: var(--cream-warm);\n box-shadow: inset 0 0 0 1px var(--gold-deep);\n }\n .pay-option input:focus-visible + .pay-option-card {\n outline: 2px solid var(--gold-deep); outline-offset: 2px;\n }\n .pay-option-card .name {\n font-family: 'Fraunces', serif; font-weight: 500; font-size: 1rem;\n }\n .pay-option-card .desc {\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: 0.85rem; color: rgba(14,24,32,0.55); margin-top: 0.2rem;\n }\n .pay-option-card .icons {\n font-family: 'Inter', sans-serif; font-size: 0.65rem;\n color: rgba(14,24,32,0.4); letter-spacing: 0.1em;\n flex-shrink: 0; text-align: right;\n }<\/p>\n<p> .submit-btn {\n width: 100%; background: var(--ink); color: var(--cream);\n padding: 1.4rem 2rem; border: none;\n font-family: 'Inter', sans-serif; font-size: 0.85rem; font-weight: 600;\n letter-spacing: 0.2em; text-transform: uppercase;\n cursor: pointer; transition: all 0.3s ease;\n margin-top: 0.5rem; position: relative; overflow: hidden;\n min-height: 56px;\n }\n .submit-btn::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 .submit-btn:hover::after { transform: scaleY(1); }\n .submit-btn span { position: relative; z-index: 1; }\n .submit-btn:disabled { opacity: 0.5; cursor: not-allowed; }<\/p>\n<p> .form-checkbox-row {\n display: flex; align-items: flex-start; gap: 0.7rem;\n margin-top: 0.5rem;\n font-family: 'Cormorant Garamond', serif; font-size: 0.95rem;\n color: rgba(14,24,32,0.65); line-height: 1.5;\n cursor: pointer;\n }\n .form-checkbox-row input {\n margin-top: 0.25rem;\n accent-color: var(--gold-deep);\n flex-shrink: 0;\n width: 18px; height: 18px;\n }<\/p>\n<p> .secure-badge {\n text-align: center; margin-top: 1.8rem;\n font-family: 'Inter', sans-serif; font-size: 0.65rem;\n letter-spacing: 0.2em; text-transform: uppercase;\n color: rgba(14,24,32,0.4); font-weight: 500;\n }\n .secure-badge::before {\n content: \"\ud83d\udd12\"; margin-right: 0.5rem; filter: grayscale(1) opacity(0.4);\n }<\/p>\n<p> .guarantee-line {\n text-align: center; margin-top: 1.1rem;\n font-family: 'Cormorant Garamond', serif; font-style: italic;\n font-size: 0.95rem; color: rgba(14,24,32,0.45);\n }<\/p>\n<p> footer {\n padding: 1.8rem var(--pad-x);\n text-align: center; border-top: 1px solid var(--rule-soft);\n font-family: 'Inter', sans-serif; font-size: 0.7rem;\n letter-spacing: 0.15em; color: rgba(14,24,32,0.35);\n padding-bottom: max(1.8rem, env(safe-area-inset-bottom));\n }<\/p>\n<p> .processing-overlay {\n position: fixed; inset: 0;\n background: rgba(250,246,236,0.97);\n display: none; align-items: center; justify-content: center;\n flex-direction: column; z-index: 1000;\n padding: 1.5rem;\n }\n .processing-overlay.active { display: flex; }\n .processing-overlay .spinner {\n width: 40px; height: 40px;\n border: 2px solid var(--rule);\n border-top-color: var(--gold-deep);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin-bottom: 2rem;\n }\n @keyframes spin { to { transform: rotate(360deg); } }\n .processing-overlay .msg {\n font-family: 'Fraunces', serif; font-style: italic;\n font-size: 1.2rem; color: var(--ink); text-align: center;\n }<\/p>\n<p> \/* TABLET \u2014 single column *\/\n @media (max-width: 800px) {\n main {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n padding: 1.5rem var(--pad-x);\n }\n .summary { position: static; }\n \/* Show summary at the top, with collapsing UI *\/\n .summary { order: 1; }\n .checkout-form { order: 2; }\n }<\/p>\n<p> \/* PHONE *\/\n @media (max-width: 500px) {\n .form-row { grid-template-columns: 1fr; gap: 1rem; }\n .pay-option-card { padding: 1rem; flex-wrap: wrap; }\n .pay-option-card .icons { width: 100%; text-align: left; opacity: 0.6; }\n .product-row { gap: 1rem; }\n .mini-cover { flex-basis: 70px; }\n }<\/p>\n<p> @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n<div class=\"logo\">Brain Friendly\u2122 \u00b7 2026<\/div>\n<p> <a href=\"\/en\/landing-page.html\/\" class=\"back-link\">\u2190 Back to the book<\/a><br \/>\n<\/header>\n<p><main><\/p>\n<aside class=\"summary\">\n<div class=\"summary-eyebrow\">Your Order<\/div>\n<h1>Begin the <em>journey.<\/em><\/h1>\n<p class=\"summary-tagline\">52 pages. Instant download. Yours forever.<\/p>\n<div class=\"product-card\">\n<div class=\"product-row\">\n<div class=\"mini-cover\">\n<div class=\"mini-cover-title\">The <em>Light<\/em><br \/>at the Edge of <em>Everything<\/em><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h2>The <em>Light<\/em> at the Edge of <em>Everything<\/em><\/h2>\n<div class=\"subtitle\">English Grammar Through Story<\/div>\n<div class=\"specs\">PDF \u00b7 52 pages \u00b7 2026<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul class=\"what-included\">\n<li>Complete novel \u00b7 12 chapters<\/li>\n<li>Grammar guide \u00b7 12 tenses<\/li>\n<li>144 vocabulary words<\/li>\n<li>100 irregular verbs<\/li>\n<li>Lifetime access \u00b7 all updates<\/li>\n<\/ul>\n<div class=\"totals\">\n<div class=\"totals-row\">\n <span class=\"label\">Subtotal<\/span><br \/>\n <span class=\"amount\">$29.00<\/span>\n <\/div>\n<div class=\"totals-row discount\">\n <span class=\"label\">Early access<\/span><br \/>\n <span class=\"amount\">$5.00<\/span>\n <\/div>\n<div class=\"totals-row total\">\n <span class=\"label\">Total<\/span><br \/>\n <span class=\"amount\">$24.00<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"early-bird-tag\">\u2605 First 100 buyers<\/div>\n<\/p><\/div>\n<\/aside>\n<form class=\"checkout-form\" id=\"checkoutForm\" onsubmit=\"handleSubmit(event)\" action=\"\">\n<div class=\"form-section\">\n <label class=\"form-label\" for=\"email\">Where should we send the book?<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\"\n placeholder=\"your@email.com\" required autocomplete=\"email\"\n inputmode=\"email\"><\/p>\n<div class=\"form-help\">Your download link arrives here within seconds.<\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n <label class=\"form-label\">Your name<\/label><\/p>\n<div class=\"form-row\">\n <input type=\"text\" name=\"firstName\" class=\"form-input\"\n placeholder=\"First\" required autocomplete=\"given-name\"><br \/>\n <input type=\"text\" name=\"lastName\" class=\"form-input\"\n placeholder=\"Last\" required autocomplete=\"family-name\">\n <\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n <label class=\"form-label\" for=\"country\">Country<\/label><br \/>\n <input type=\"text\" id=\"country\" name=\"country\" class=\"form-input\"\n placeholder=\"e.g. Hungary\" required autocomplete=\"country-name\"><\/p>\n<div class=\"form-help\">Required for VAT in some regions.<\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n <span class=\"form-label\">Payment method<\/span><\/p>\n<div class=\"pay-options\">\n <label class=\"pay-option\"><br \/>\n <input type=\"radio\" name=\"payment\" value=\"card\" checked><\/p>\n<div class=\"pay-option-card\">\n<div>\n<div class=\"name\">Card<\/div>\n<div class=\"desc\">Credit or debit \u00b7 Stripe<\/div>\n<\/p><\/div>\n<div class=\"icons\">VISA \u00b7 MC \u00b7 AMEX<\/div>\n<\/p><\/div>\n<p> <\/label><\/p>\n<p> <label class=\"pay-option\"><br \/>\n <input type=\"radio\" name=\"payment\" value=\"paypal\"><\/p>\n<div class=\"pay-option-card\">\n<div>\n<div class=\"name\">PayPal<\/div>\n<div class=\"desc\">Pay with your PayPal balance<\/div>\n<\/p><\/div>\n<div class=\"icons\">PAYPAL<\/div>\n<\/p><\/div>\n<p> <\/label>\n <\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n <label class=\"form-checkbox-row\"><br \/>\n <input type=\"checkbox\" name=\"consent\" required><br \/>\n <span>I agree to the terms \u2014 instant digital delivery, 30-day refund if unsatisfied, no recurring charges.<\/span><br \/>\n <\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\"><br \/>\n <span>Complete order \u2014 $24<\/span><br \/>\n <\/button><\/p>\n<div class=\"guarantee-line\">30-day refund \u00b7 no questions asked<\/div>\n<div class=\"secure-badge\">Secure checkout \u00b7 SSL encrypted<\/div>\n<\/p><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<p><\/main><\/p>\n<footer>\n BRAIN FRIENDLY\u2122 \u00b7 2026 \u00b7 The Light at the Edge of Everything<br \/>\n<\/footer>\n<div class=\"processing-overlay\" id=\"processing\">\n<div class=\"spinner\"><\/div>\n<div class=\"msg\">Sending you to checkout…<\/div>\n<\/div>\n<p><script>\n const CONFIG = {\n stripePaymentLink: \"https:\/\/buy.stripe.com\/REPLACE-ME\",\n paypalUrl: \"https:\/\/www.paypal.com\/ncp\/payment\/REPLACE-ME\",\n successUrl: \"thank-you.html\",\n };<\/p>\n<p> function handleSubmit(event) {\n event.preventDefault();\n document.getElementById(\"processing\").classList.add(\"active\");\n document.getElementById(\"submitBtn\").disabled = true;<\/p>\n<p> const formData = new FormData(event.target);\n const email = formData.get(\"email\");\n const paymentMethod = formData.get(\"payment\");<\/p>\n<p> const orderInfo = {\n email,\n firstName: formData.get(\"firstName\"),\n lastName: formData.get(\"lastName\"),\n country: formData.get(\"country\"),\n timestamp: new Date().toISOString(),\n };\n try { localStorage.setItem(\"currentOrder\", JSON.stringify(orderInfo)); } catch (e) {}<\/p>\n<p> let redirectUrl;\n if (paymentMethod === \"paypal\") {\n redirectUrl = CONFIG.paypalUrl;\n } else {\n redirectUrl = CONFIG.stripePaymentLink + \"?prefilled_email=\" + encodeURIComponent(email);\n }<\/p>\n<p> setTimeout(() => {\n \/\/ In production: window.location.href = redirectUrl;\n window.location.href = CONFIG.successUrl;\n }, 1200);\n }\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>Checkout \u2014 The Light at the Edge of Everything Brain Friendly\u2122 \u00b7 2026 \u2190 Back to the book Your Order Begin the journey. 52 pages. Instant download. Yours forever. The Lightat the Edge of Everything The Light at the Edge of Everything English Grammar Through Story PDF \u00b7 52 pages \u00b7 2026 Complete novel \u00b7 […]<\/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-326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/326","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=326"}],"version-history":[{"count":3,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/326\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/pages\/326\/revisions\/329"}],"wp:attachment":[{"href":"https:\/\/ewihllc.com\/en\/wp-json\/wp\/v2\/media?parent=326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}