{"product_id":"gabbyai™-braid-coach-annual-membership","title":"GabbyAI™ Braid Coach — Annual Membership","description":"\u003cstyle\u003e\n  .gai-yearly-page,\n  .gai-yearly-page * {\n    box-sizing: border-box;\n  }\n\n  .gai-yearly-page {\n    --gy-black: #05020b;\n    --gy-deep: #0b0317;\n    --gy-purple: #8b3dff;\n    --gy-violet: #6535ff;\n    --gy-pink: #f74dcc;\n    --gy-gold: #ffd36a;\n    --gy-white: #ffffff;\n    --gy-muted: rgba(255,255,255,.70);\n    --gy-soft: rgba(255,255,255,.50);\n    --gy-border: rgba(213,145,255,.21);\n\n    position: relative;\n    isolation: isolate;\n    width: 100%;\n    margin: 0;\n    overflow: hidden;\n\n    color: var(--gy-white);\n    background:\n      radial-gradient(circle at 10% 4%, rgba(247,77,204,.20), transparent 28%),\n      radial-gradient(circle at 92% 10%, rgba(101,53,255,.31), transparent 32%),\n      radial-gradient(circle at 50% 68%, rgba(46,137,255,.12), transparent 42%),\n      linear-gradient(155deg, #05020b 0%, #17062f 50%, #070210 100%);\n\n    border-radius: 32px;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .gai-yearly-page::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    opacity: .38;\n    pointer-events: none;\n\n    background-image:\n      radial-gradient(circle, rgba(255,255,255,.92) 0 1px, transparent 1.5px),\n      radial-gradient(circle, rgba(213,151,255,.72) 0 1px, transparent 1.5px);\n\n    background-size: 96px 96px, 139px 139px;\n    background-position: 0 0, 45px 58px;\n  }\n\n  .gai-yearly-page::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    top: -360px;\n    right: -190px;\n\n    width: 700px;\n    height: 700px;\n    border-radius: 50%;\n    pointer-events: none;\n\n    background:\n      radial-gradient(\n        circle,\n        rgba(220,79,255,.39),\n        rgba(110,49,255,.14) 47%,\n        transparent 72%\n      );\n\n    filter: blur(14px);\n    animation: gyAmbient 9s ease-in-out infinite alternate;\n  }\n\n  @keyframes gyAmbient {\n    from {\n      transform: translate3d(0,0,0) scale(1);\n    }\n    to {\n      transform: translate3d(-55px,65px,0) scale(1.16);\n    }\n  }\n\n  .gy-inner {\n    position: relative;\n    z-index: 2;\n    width: min(1160px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  .gy-section {\n    padding: clamp(60px, 8vw, 108px) 0;\n  }\n\n  \/* HERO *\/\n\n  .gy-hero {\n    display: grid;\n    grid-template-columns: 1.04fr .96fr;\n    align-items: center;\n    gap: clamp(38px, 7vw, 86px);\n    padding: clamp(58px, 8vw, 108px) 0 76px;\n  }\n\n  .gy-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 20px;\n    padding: 10px 16px;\n\n    border: 1px solid rgba(255,211,106,.46);\n    border-radius: 999px;\n\n    color: #ffe8a8;\n    background: rgba(69,25,103,.54);\n\n    box-shadow:\n      0 0 30px rgba(162,61,255,.24),\n      inset 0 1px 0 rgba(255,255,255,.09);\n\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n  }\n\n  .gy-eyebrow-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n\n    background: var(--gy-gold);\n    box-shadow: 0 0 15px var(--gy-gold);\n\n    animation: gyPulse 1.6s ease-in-out infinite;\n  }\n\n  @keyframes gyPulse {\n    50% {\n      opacity: .44;\n      transform: scale(.72);\n    }\n  }\n\n  .gy-title {\n    margin: 0;\n    color: #fff;\n\n    font-size: clamp(48px, 7vw, 92px);\n    font-weight: 900;\n    line-height: .91;\n    letter-spacing: -.058em;\n  }\n\n  .gy-title span {\n    display: block;\n    margin-top: 9px;\n\n    color: transparent;\n    background:\n      linear-gradient(\n        90deg,\n        #fff 0%,\n        #efb9ff 30%,\n        #c36cff 62%,\n        #ffd36a 100%\n      );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    filter: drop-shadow(0 0 19px rgba(184,82,255,.23));\n  }\n\n  .gy-hero-copy {\n    max-width: 650px;\n    margin: 25px 0 0;\n\n    color: var(--gy-muted);\n    font-size: clamp(17px, 2vw, 20px);\n    line-height: 1.68;\n  }\n\n  .gy-hero-copy strong {\n    color: #fff;\n  }\n\n  .gy-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 24px;\n  }\n\n  .gy-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 9px 13px;\n\n    border: 1px solid rgba(215,149,255,.18);\n    border-radius: 999px;\n\n    color: rgba(255,255,255,.73);\n    background: rgba(255,255,255,.055);\n\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .gy-pill::before {\n    content: \"✦\";\n    color: var(--gy-gold);\n  }\n\n  .gy-hero-note {\n    max-width: 610px;\n    margin: 21px 0 0;\n\n    color: rgba(255,255,255,.50);\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n  \/* OFFER CARD *\/\n\n  .gy-offer-card {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(28px, 4vw, 43px);\n\n    border: 1px solid rgba(215,145,255,.31);\n    border-radius: 31px;\n\n    background:\n      linear-gradient(\n        150deg,\n        rgba(63,20,95,.87),\n        rgba(12,5,29,.97)\n      );\n\n    box-shadow:\n      0 40px 108px rgba(0,0,0,.52),\n      0 0 84px rgba(155,57,255,.19),\n      inset 0 1px 0 rgba(255,255,255,.13);\n  }\n\n  .gy-offer-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    padding: 1px;\n    border-radius: inherit;\n\n    background:\n      linear-gradient(\n        135deg,\n        rgba(255,255,255,.42),\n        rgba(166,64,255,.07),\n        rgba(255,201,98,.32)\n      );\n\n    -webkit-mask:\n      linear-gradient(#000 0 0) content-box,\n      linear-gradient(#000 0 0);\n\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    pointer-events: none;\n  }\n\n  .gy-glow {\n    position: absolute;\n    top: -150px;\n    right: -110px;\n\n    width: 280px;\n    height: 280px;\n    border-radius: 50%;\n\n    background:\n      radial-gradient(circle, rgba(255,72,207,.44), transparent 69%);\n\n    pointer-events: none;\n  }\n\n  .gy-card-label {\n    position: relative;\n    margin: 0 0 10px;\n\n    color: var(--gy-gold);\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n  }\n\n  .gy-card-title {\n    position: relative;\n    margin: 0;\n\n    color: #fff;\n    font-size: clamp(30px, 4vw, 44px);\n    font-weight: 900;\n    line-height: 1.04;\n    letter-spacing: -.04em;\n  }\n\n  .gy-card-copy {\n    position: relative;\n    margin: 14px 0 21px;\n\n    color: rgba(255,255,255,.69);\n    font-size: 14px;\n    line-height: 1.63;\n  }\n\n  .gy-price-box {\n    position: relative;\n    margin-bottom: 23px;\n    padding: 18px;\n\n    border: 1px solid rgba(207,139,255,.20);\n    border-radius: 18px;\n    background: rgba(4,2,13,.46);\n  }\n\n  .gy-price-top {\n    display: flex;\n    align-items: flex-end;\n    gap: 11px;\n  }\n\n  .gy-price {\n    color: #fff;\n    font-size: clamp(48px, 6vw, 68px);\n    font-weight: 900;\n    line-height: .9;\n    letter-spacing: -.054em;\n  }\n\n  .gy-price-meta {\n    padding-bottom: 4px;\n\n    color: rgba(255,255,255,.62);\n    font-size: 12px;\n    line-height: 1.38;\n  }\n\n  .gy-standard-price {\n    margin-top: 11px;\n\n    color: rgba(255,255,255,.50);\n    font-size: 12px;\n    line-height: 1.45;\n  }\n\n  .gy-standard-price s {\n    margin-right: 5px;\n    color: rgba(255,255,255,.42);\n  }\n\n  .gy-save-badge {\n    display: inline-flex;\n    margin-left: 7px;\n    padding: 4px 8px;\n\n    border: 1px solid rgba(255,211,106,.34);\n    border-radius: 999px;\n\n    color: #ffe7a3;\n    background: rgba(255,211,106,.08);\n\n    font-size: 10px;\n    font-weight: 800;\n    text-transform: uppercase;\n  }\n\n  .gy-list {\n    position: relative;\n    display: grid;\n    margin: 0;\n    padding: 0;\n  }\n\n  .gy-list li {\n    list-style: none;\n    display: grid;\n    grid-template-columns: 29px 1fr;\n    gap: 11px;\n    align-items: start;\n\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(255,255,255,.08);\n\n    color: rgba(255,255,255,.85);\n    font-size: 14px;\n    line-height: 1.48;\n  }\n\n  .gy-check {\n    display: grid;\n    place-items: center;\n\n    width: 29px;\n    height: 29px;\n    border-radius: 9px;\n\n    color: #fff;\n    background: linear-gradient(135deg, #7631ff, #ed4ad2);\n\n    box-shadow:\n      0 7px 21px rgba(145,52,255,.27);\n\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .gy-renewal-box {\n    position: relative;\n    margin-top: 17px;\n    padding: 13px 15px;\n\n    border: 1px solid rgba(255,211,106,.24);\n    border-radius: 14px;\n\n    color: #ffe9ac;\n    background: rgba(255,211,106,.07);\n\n    font-size: 11px;\n    line-height: 1.55;\n    text-align: center;\n  }\n\n  \/* CTA *\/\n\n  .gy-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    min-height: 60px;\n    margin-top: 25px;\n    padding: 16px 28px;\n\n    border-radius: 16px;\n    text-decoration: none !important;\n\n    color: #fff !important;\n    background:\n      linear-gradient(\n        100deg,\n        #692aff,\n        #a33cff 46%,\n        #f84dcc\n      );\n\n    font-size: 16px;\n    font-weight: 900;\n\n    box-shadow:\n      0 18px 44px rgba(131,44,255,.41),\n      0 0 37px rgba(248,77,204,.20);\n\n    transition:\n      transform .2s ease,\n      filter .2s ease;\n  }\n\n  .gy-offer-card .gy-cta {\n    width: 100%;\n  }\n\n  .gy-cta:hover {\n    color: #fff !important;\n    transform: translateY(-2px);\n    filter: brightness(1.08);\n  }\n\n  .gy-fine-print {\n    margin: 13px 0 0;\n\n    color: rgba(255,255,255,.47);\n    font-size: 10px;\n    line-height: 1.55;\n    text-align: center;\n  }\n\n  \/* SECTION TITLES *\/\n\n  .gy-section-title {\n    max-width: 840px;\n    margin: 0 auto 17px;\n\n    color: #fff;\n    text-align: center;\n\n    font-size: clamp(37px, 5vw, 68px);\n    font-weight: 900;\n    line-height: .97;\n    letter-spacing: -.05em;\n  }\n\n  .gy-section-title span {\n    color: transparent;\n\n    background:\n      linear-gradient(\n        90deg,\n        #efb8ff,\n        #ca6fff,\n        #ffd369\n      );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  .gy-section-copy {\n    max-width: 730px;\n    margin: 0 auto;\n\n    color: var(--gy-muted);\n    text-align: center;\n\n    font-size: 17px;\n    line-height: 1.68;\n  }\n\n  \/* VALUE STRIP *\/\n\n  .gy-value-strip {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    gap: 14px;\n    margin-top: 42px;\n  }\n\n  .gy-value-item {\n    padding: 23px;\n\n    border: 1px solid rgba(210,143,255,.18);\n    border-radius: 22px;\n\n    text-align: center;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255,255,255,.09),\n        rgba(255,255,255,.027)\n      );\n\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.08),\n      0 18px 50px rgba(0,0,0,.14);\n  }\n\n  .gy-value-number {\n    display: block;\n\n    color: transparent;\n    background:\n      linear-gradient(90deg, #fff, #d786ff, #ffd36a);\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    font-size: clamp(35px, 5vw, 55px);\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  .gy-value-label {\n    display: block;\n    margin-top: 8px;\n\n    color: rgba(255,255,255,.63);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  \/* BENEFITS *\/\n\n  .gy-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    gap: 17px;\n    margin-top: 43px;\n  }\n\n  .gy-benefit {\n    min-height: 215px;\n    padding: 25px;\n\n    border: 1px solid rgba(210,143,255,.18);\n    border-radius: 24px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255,255,255,.09),\n        rgba(255,255,255,.027)\n      );\n\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.08),\n      0 18px 50px rgba(0,0,0,.15);\n\n    transition:\n      transform .2s ease,\n      border-color .2s ease;\n  }\n\n  .gy-benefit:hover {\n    transform: translateY(-4px);\n    border-color: rgba(215,145,255,.36);\n  }\n\n  .gy-benefit-icon {\n    display: grid;\n    place-items: center;\n\n    width: 49px;\n    height: 49px;\n    margin-bottom: 18px;\n    border-radius: 14px;\n\n    color: #fff;\n    background: linear-gradient(135deg, #7631ff, #ed4ad2);\n\n    box-shadow:\n      0 11px 29px rgba(145,52,255,.29);\n\n    font-size: 23px;\n  }\n\n  .gy-benefit h3 {\n    margin: 0 0 9px;\n\n    color: #fff;\n    font-size: 19px;\n    font-weight: 800;\n  }\n\n  .gy-benefit p {\n    margin: 0;\n\n    color: rgba(255,255,255,.61);\n    font-size: 14px;\n    line-height: 1.64;\n  }\n\n  \/* GALLERY *\/\n\n  .gy-gallery {\n    display: grid;\n    grid-template-columns: 1.15fr .85fr;\n    gap: 18px;\n    margin-top: 43px;\n  }\n\n  .gy-gallery-side {\n    display: grid;\n    gap: 18px;\n  }\n\n  .gy-gallery-frame {\n    overflow: hidden;\n    min-height: 250px;\n\n    border: 1px solid rgba(211,143,255,.20);\n    border-radius: 25px;\n    background: rgba(255,255,255,.04);\n\n    box-shadow:\n      0 25px 75px rgba(0,0,0,.25),\n      inset 0 1px 0 rgba(255,255,255,.07);\n  }\n\n  .gy-gallery-large {\n    min-height: 530px;\n  }\n\n  .gy-gallery-frame img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n  }\n\n  \/* COMPARISON *\/\n\n  .gy-comparison {\n    overflow: hidden;\n    margin-top: 43px;\n\n    border: 1px solid rgba(212,146,255,.20);\n    border-radius: 27px;\n\n    background: rgba(7,3,18,.58);\n    box-shadow: 0 25px 80px rgba(0,0,0,.29);\n  }\n\n  .gy-comparison-row {\n    display: grid;\n    grid-template-columns: 1.25fr .75fr .75fr;\n\n    min-height: 63px;\n    border-bottom: 1px solid rgba(255,255,255,.075);\n  }\n\n  .gy-comparison-row:last-child {\n    border-bottom: 0;\n  }\n\n  .gy-comparison-row \u003e div {\n    display: flex;\n    align-items: center;\n    padding: 15px 19px;\n  }\n\n  .gy-comparison-row \u003e div:not(:first-child) {\n    justify-content: center;\n    text-align: center;\n    border-left: 1px solid rgba(255,255,255,.075);\n  }\n\n  .gy-comparison-head {\n    color: #fff;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(132,48,255,.21),\n        rgba(248,77,204,.11)\n      );\n\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .gy-comparison-row:not(.gy-comparison-head) {\n    color: rgba(255,255,255,.74);\n    font-size: 14px;\n  }\n\n  .gy-yes {\n    color: #dfaaff;\n    font-weight: 800;\n  }\n\n  .gy-muted {\n    color: rgba(255,255,255,.40);\n  }\n\n  \/* CREDIBILITY *\/\n\n  .gy-credibility {\n    display: grid;\n    grid-template-columns: .9fr 1.1fr;\n    align-items: center;\n    gap: clamp(30px, 6vw, 72px);\n\n    padding: clamp(30px, 5vw, 58px);\n\n    border: 1px solid rgba(215,145,255,.21);\n    border-radius: 30px;\n\n    background:\n      radial-gradient(circle at 0 0, rgba(201,71,255,.25), transparent 36%),\n      linear-gradient(\n        145deg,\n        rgba(48,15,76,.80),\n        rgba(9,3,22,.93)\n      );\n\n    box-shadow:\n      0 34px 95px rgba(0,0,0,.38),\n      0 0 72px rgba(153,56,255,.14);\n  }\n\n  .gy-credibility img {\n    width: 100%;\n    height: auto;\n    display: block;\n\n    object-fit: contain;\n    border-radius: 20px;\n  }\n\n  .gy-credibility h2 {\n    margin: 0;\n\n    color: #fff;\n    font-size: clamp(34px, 5vw, 60px);\n    font-weight: 900;\n    line-height: .98;\n    letter-spacing: -.048em;\n  }\n\n  .gy-credibility h2 span {\n    color: transparent;\n\n    background:\n      linear-gradient(\n        90deg,\n        #efb8ff,\n        #ca6fff,\n        #ffd369\n      );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  .gy-credibility p {\n    margin: 18px 0 0;\n\n    color: rgba(255,255,255,.68);\n    font-size: 16px;\n    line-height: 1.69;\n  }\n\n  \/* FAQ *\/\n\n  .gy-faq {\n    max-width: 850px;\n    margin: 43px auto 0;\n\n    display: grid;\n    gap: 12px;\n  }\n\n  .gy-faq details {\n    overflow: hidden;\n\n    border: 1px solid rgba(208,140,255,.17);\n    border-radius: 18px;\n    background: rgba(255,255,255,.045);\n  }\n\n  .gy-faq summary {\n    cursor: pointer;\n    padding: 20px 21px;\n\n    color: #fff;\n    font-size: 15px;\n    font-weight: 800;\n    list-style: none;\n  }\n\n  .gy-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .gy-faq summary::after {\n    content: \"+\";\n    float: right;\n\n    color: #d68bff;\n    font-size: 20px;\n  }\n\n  .gy-faq details[open] summary::after {\n    content: \"−\";\n  }\n\n  .gy-faq p {\n    margin: 0;\n    padding: 0 21px 21px;\n\n    color: rgba(255,255,255,.63);\n    font-size: 14px;\n    line-height: 1.67;\n  }\n\n  \/* FINAL CTA *\/\n\n  .gy-final {\n    padding-bottom: clamp(72px, 9vw, 118px);\n  }\n\n  .gy-final-card {\n    padding: clamp(41px, 7vw, 76px) 23px;\n\n    border: 1px solid rgba(216,145,255,.24);\n    border-radius: 32px;\n\n    text-align: center;\n\n    background:\n      radial-gradient(circle at 50% 0%, rgba(207,71,255,.31), transparent 43%),\n      linear-gradient(\n        145deg,\n        rgba(48,15,76,.87),\n        rgba(9,3,22,.96)\n      );\n\n    box-shadow:\n      0 36px 103px rgba(0,0,0,.40),\n      0 0 73px rgba(153,56,255,.16);\n  }\n\n  .gy-final-card h2 {\n    max-width: 790px;\n    margin: 0 auto;\n\n    color: #fff;\n    font-size: clamp(40px, 6vw, 74px);\n    font-weight: 900;\n    line-height: .95;\n    letter-spacing: -.053em;\n  }\n\n  .gy-final-card p {\n    max-width: 650px;\n    margin: 20px auto 0;\n\n    color: rgba(255,255,255,.69);\n    font-size: 16px;\n    line-height: 1.66;\n  }\n\n  @media (max-width: 900px) {\n    .gy-hero,\n    .gy-credibility {\n      grid-template-columns: 1fr;\n    }\n\n    .gy-value-strip,\n    .gy-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .gy-gallery {\n      grid-template-columns: 1fr;\n    }\n\n    .gy-gallery-large {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 620px) {\n    .gai-yearly-page {\n      border-radius: 22px;\n    }\n\n    .gy-inner {\n      width: min(100% - 22px, 1160px);\n    }\n\n    .gy-title {\n      font-size: clamp(48px, 15vw, 67px);\n    }\n\n    .gy-offer-card {\n      padding: 24px 19px;\n      border-radius: 23px;\n    }\n\n    .gy-cta {\n      width: 100%;\n    }\n\n    .gy-comparison-row {\n      grid-template-columns: 1.25fr .7fr .7fr;\n    }\n\n    .gy-comparison-row \u003e div {\n      padding: 13px 8px;\n      font-size: 11px;\n    }\n\n    .gy-gallery-frame {\n      min-height: 210px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gai-yearly-page::after,\n    .gy-eyebrow-dot {\n      animation: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"gai-yearly-page\" id=\"gabbyai-yearly-details\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"gy-inner\"\u003e\n    \u003cdiv class=\"gy-hero\"\u003e\n\n      \u003cdiv\u003e\n        \u003cdiv class=\"gy-eyebrow\"\u003e\n          \u003cspan class=\"gy-eyebrow-dot\"\u003e\u003c\/span\u003e\n          Founding Annual Offer\n        \u003c\/div\u003e\n\n        \u003ch1 class=\"gy-title\"\u003e\n          One Year.\n          \u003cspan\u003eEvery Braid Better.™\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"gy-hero-copy\"\u003e\n          Give yourself a full year to practice, analyze and improve.\n          Unlock up to \u003cstrong\u003efive personalized AI coaching sessions every\n          day\u003c\/strong\u003e with one discounted annual payment.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"gy-pills\"\u003e\n          \u003cspan class=\"gy-pill\"\u003eFull-Year Access\u003c\/span\u003e\n          \u003cspan class=\"gy-pill\"\u003eFive Sessions Daily\u003c\/span\u003e\n          \u003cspan class=\"gy-pill\"\u003eBest First-Year Value\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ca class=\"gy-cta gy-purchase-link\" href=\"#gabbyai-yearly-purchase\"\u003e\n          Claim My First Year →\n        \u003c\/a\u003e\n\n        \u003cp class=\"gy-hero-note\"\u003e\n          First annual payment is $9.99. Unless canceled, the membership\n          renews annually at the standard annual price disclosed during\n          checkout.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-offer-card\"\u003e\n        \u003cdiv class=\"gy-glow\"\u003e\u003c\/div\u003e\n\n        \u003cp class=\"gy-card-label\"\u003e\n          GabbyAI™ Annual Membership\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"gy-card-title\"\u003e\n          A full year of coaching for less than one dollar a month.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"gy-card-copy\"\u003e\n          Build consistency without paying month by month. Your annual plan\n          includes the same daily coaching access with one yearly payment.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"gy-price-box\"\u003e\n          \u003cdiv class=\"gy-price-top\"\u003e\n            \u003cspan class=\"gy-price\"\u003e$9.99\u003c\/span\u003e\n\n            \u003cspan class=\"gy-price-meta\"\u003e\n              for your first year\u003cbr\u003e\n              billed once today\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"gy-standard-price\"\u003e\n            Regular annual value:\n            \u003cs\u003e$11.88\u003c\/s\u003e\n\n            \u003cspan class=\"gy-save-badge\"\u003e\n              Save $1.89\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cul class=\"gy-list\"\u003e\n          \u003cli\u003e\n            \u003cspan class=\"gy-check\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cstrong\u003eUp to five AI coaching sessions every day\u003c\/strong\u003e\u003cbr\u003e\n              Analyze multiple styles and build consistent practice.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"gy-check\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cstrong\u003eComplete Slay Score™ breakdown\u003c\/strong\u003e\u003cbr\u003e\n              Understand the visible technical factors behind your score.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"gy-check\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cstrong\u003ePersonalized visual feedback\u003c\/strong\u003e\u003cbr\u003e\n              Review your biggest win, biggest opportunity and next move.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"gy-check\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cstrong\u003eFocused practice recommendations\u003c\/strong\u003e\u003cbr\u003e\n              Turn each report into a clear improvement goal.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"gy-check\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cstrong\u003eProgress tools and eligible beta features\u003c\/strong\u003e\u003cbr\u003e\n              Track your development throughout the year.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003cdiv class=\"gy-renewal-box\"\u003e\n          Introductory first-year price: $9.99.\u003cbr\u003e\n          Renews annually at $11.88 unless canceled before renewal.\n        \u003c\/div\u003e\n\n        \u003ca class=\"gy-cta gy-purchase-link\" href=\"#gabbyai-yearly-purchase\"\u003e\n          Start My Annual Membership →\n        \u003c\/a\u003e\n\n        \u003cp class=\"gy-fine-print\"\u003e\n          Annual recurring subscription. Renewal terms must match the price\n          displayed by Seal and Shopify during checkout.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VALUE --\u003e\n\n  \u003cdiv class=\"gy-inner gy-section\"\u003e\n    \u003ch2 class=\"gy-section-title\"\u003e\n      A year of coaching.\n      \u003cspan\u003eOne smart payment.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"gy-section-copy\"\u003e\n      The annual plan is designed for braiders who want enough time,\n      repetition and feedback to create measurable improvement.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"gy-value-strip\"\u003e\n\n      \u003cdiv class=\"gy-value-item\"\u003e\n        \u003cspan class=\"gy-value-number\"\u003e365\u003c\/span\u003e\n\n        \u003cspan class=\"gy-value-label\"\u003e\n          Days of eligible GabbyAI™ access\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-value-item\"\u003e\n        \u003cspan class=\"gy-value-number\"\u003e5\u003c\/span\u003e\n\n        \u003cspan class=\"gy-value-label\"\u003e\n          Eligible coaching sessions each day\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-value-item\"\u003e\n        \u003cspan class=\"gy-value-number\"\u003e$9.99\u003c\/span\u003e\n\n        \u003cspan class=\"gy-value-label\"\u003e\n          Introductory first-year payment\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFITS --\u003e\n\n  \u003cdiv class=\"gy-inner gy-section\"\u003e\n    \u003ch2 class=\"gy-section-title\"\u003e\n      More than access.\n      \u003cspan\u003eA year-long coaching loop.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"gy-benefit-grid\"\u003e\n\n      \u003cdiv class=\"gy-benefit\"\u003e\n        \u003cdiv class=\"gy-benefit-icon\"\u003e✦\u003c\/div\u003e\n\n        \u003ch3\u003eInstant Slay Score™\u003c\/h3\u003e\n\n        \u003cp\u003e\n          See how each braid performs across the visible technical\n          categories shaping the result.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-benefit\"\u003e\n        \u003cdiv class=\"gy-benefit-icon\"\u003e◎\u003c\/div\u003e\n\n        \u003ch3\u003eYour Biggest Win\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Identify the strongest part of your technique so you know what\n          deserves to be repeated.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-benefit\"\u003e\n        \u003cdiv class=\"gy-benefit-icon\"\u003e↗\u003c\/div\u003e\n\n        \u003ch3\u003eYour Biggest Opportunity\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Focus on the one correction likely to make the greatest visible\n          improvement.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-benefit\"\u003e\n        \u003cdiv class=\"gy-benefit-icon\"\u003e◉\u003c\/div\u003e\n\n        \u003ch3\u003eVisual Feedback\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Review visible parting, direction, symmetry, tension,\n          distribution, control and finish.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-benefit\"\u003e\n        \u003cdiv class=\"gy-benefit-icon\"\u003e▥\u003c\/div\u003e\n\n        \u003ch3\u003ePractice With Purpose\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Turn each analysis into a focused drill or goal instead of\n          practicing without direction.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-benefit\"\u003e\n        \u003cdiv class=\"gy-benefit-icon\"\u003e★\u003c\/div\u003e\n\n        \u003ch3\u003eReal Braid Expertise\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Built around the Gabby101™ Method and more than two decades of\n          professional braiding experience.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- APP PREVIEW --\u003e\n\n  \u003cdiv class=\"gy-inner gy-section\"\u003e\n    \u003ch2 class=\"gy-section-title\"\u003e\n      See it. Fix it.\n      \u003cspan\u003eTrack it.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"gy-section-copy\"\u003e\n      Your annual membership gives you room to analyze, practice and return\n      throughout the year.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"gy-gallery\"\u003e\n\n      \u003cdiv class=\"gy-gallery-frame gy-gallery-large\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/46276C6D-7A75-4197-8209-7373C0A9EF87.png?v=1784065451\" alt=\"GabbyAI annual membership visual feedback\" loading=\"lazy\" width=\"1600\" height=\"1200\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-gallery-side\"\u003e\n\n        \u003cdiv class=\"gy-gallery-frame\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/E95D3490-C749-4DF9-91F4-E4F5C1F02607.png?v=1784065451\" alt=\"GabbyAI Slay Score breakdown\" loading=\"lazy\" width=\"1200\" height=\"900\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"gy-gallery-frame\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/7A8648B9-46F1-4D5E-BE04-740BDCB65C76.png?v=1784065451\" alt=\"GabbyAI progress dashboard\" loading=\"lazy\" width=\"1200\" height=\"900\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- COMPARISON --\u003e\n\n  \u003cdiv class=\"gy-inner gy-section\"\u003e\n    \u003ch2 class=\"gy-section-title\"\u003e\n      Monthly flexibility—or\n      \u003cspan\u003eannual savings?\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"gy-comparison\"\u003e\n\n      \u003cdiv class=\"gy-comparison-row gy-comparison-head\"\u003e\n        \u003cdiv\u003eFeature\u003c\/div\u003e\n        \u003cdiv\u003eMonthly\u003c\/div\u003e\n        \u003cdiv\u003eAnnual\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-comparison-row\"\u003e\n        \u003cdiv\u003eFirst payment\u003c\/div\u003e\n        \u003cdiv\u003e$0.99\u003c\/div\u003e\n        \u003cdiv class=\"gy-yes\"\u003e$9.99\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-comparison-row\"\u003e\n        \u003cdiv\u003eBilling frequency\u003c\/div\u003e\n        \u003cdiv\u003eEvery month\u003c\/div\u003e\n        \u003cdiv class=\"gy-yes\"\u003eOnce yearly\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-comparison-row\"\u003e\n        \u003cdiv\u003eDaily coaching sessions\u003c\/div\u003e\n        \u003cdiv\u003eUp to 5\u003c\/div\u003e\n        \u003cdiv class=\"gy-yes\"\u003eUp to 5\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-comparison-row\"\u003e\n        \u003cdiv\u003eComplete Slay Score™ reports\u003c\/div\u003e\n        \u003cdiv\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"gy-yes\"\u003e✓\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-comparison-row\"\u003e\n        \u003cdiv\u003eProgress tools\u003c\/div\u003e\n        \u003cdiv\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"gy-yes\"\u003e✓\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gy-comparison-row\"\u003e\n        \u003cdiv\u003eFirst-year savings\u003c\/div\u003e\n        \u003cdiv class=\"gy-muted\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"gy-yes\"\u003e$1.89\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CREDIBILITY --\u003e\n\n  \u003cdiv class=\"gy-inner gy-section\"\u003e\n    \u003cdiv class=\"gy-credibility\"\u003e\n\n      \u003cdiv\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/IMG_4305.png?v=1784065451\" alt=\"Gabby101 professional braider since 2001\" loading=\"lazy\" width=\"1400\" height=\"700\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003ch2\u003e\n          Built by a braider.\n          \u003cspan\u003eNot a generic beauty bot.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          GabbyAI™ combines modern AI analysis with the real-world coaching\n          perspective of a professional braider who has worked with real\n          clients, real hair, real mistakes and real transformations since\n          2001.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FAQ --\u003e\n\n  \u003cdiv class=\"gy-inner gy-section\"\u003e\n    \u003ch2 class=\"gy-section-title\"\u003e\n      Annual membership\n      \u003cspan\u003equestions.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"gy-faq\"\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eHow much is the first year?\u003c\/summary\u003e\n\n        \u003cp\u003e\n          The introductory first-year payment is $9.99 when the annual\n          subscription is selected and the Seal discount is correctly\n          applied at Shopify checkout.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eWhat happens after the first year?\u003c\/summary\u003e\n\n        \u003cp\u003e\n          Unless canceled, the membership renews annually at the standard\n          annual rate of $11.88. The renewal amount and schedule shown at\n          checkout should match these terms.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eIs this a recurring subscription?\u003c\/summary\u003e\n\n        \u003cp\u003e\n          Yes. This is an annual recurring subscription. After the\n          introductory first year, it renews once per year until canceled.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eCan I cancel before renewal?\u003c\/summary\u003e\n\n        \u003cp\u003e\n          Yes. You may cancel future renewals through your Seal subscription\n          portal before the next annual charge.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eHow many coaching sessions are included?\u003c\/summary\u003e\n\n        \u003cp\u003e\n          Annual members receive up to five eligible GabbyAI™ coaching\n          sessions each day while their membership remains active. Unused\n          sessions do not accumulate.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eDoes the annual plan include more features than monthly?\u003c\/summary\u003e\n\n        \u003cp\u003e\n          The core app access is the same. The annual plan offers a\n          discounted first-year payment and fewer billing transactions.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eIs GabbyAI™ still in beta?\u003c\/summary\u003e\n\n        \u003cp\u003e\n          Yes. Features, limits and workflows may be refined as the coaching\n          system develops.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FINAL CTA --\u003e\n\n  \u003cdiv class=\"gy-inner gy-final\"\u003e\n    \u003cdiv class=\"gy-final-card\"\u003e\n\n      \u003ch2\u003e\n        Give your braid skills one full year to grow.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Get daily access to GabbyAI™ coaching for an introductory first-year\n        payment of $9.99.\n      \u003c\/p\u003e\n\n      \u003ca class=\"gy-cta gy-purchase-link\" href=\"#gabbyai-yearly-purchase\"\u003e\n        Claim My Annual Membership →\n      \u003c\/a\u003e\n\n      \u003cp style=\"\n        margin-top:14px;\n        color:rgba(255,255,255,.47);\n        font-size:11px;\n      \"\u003e\n        First year $9.99. Renews annually at $11.88 unless canceled before\n        renewal.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const purchaseLinks = document.querySelectorAll(\n      \".gy-purchase-link\"\n    );\n\n    function findProductPurchaseArea() {\n      return (\n        document.querySelector(\"product-form\") ||\n        document.querySelector('form[action*=\"\/cart\/add\"]') ||\n        document.querySelector(\".product-form\") ||\n        document.querySelector(\".product__info-container\") ||\n        document.querySelector('[id^=\"ProductInfo-\"]') ||\n        document.querySelector(\"#MainProduct\")\n      );\n    }\n\n    purchaseLinks.forEach(function (link) {\n      link.addEventListener(\"click\", function (event) {\n        event.preventDefault();\n\n        const purchaseArea = findProductPurchaseArea();\n\n        if (!purchaseArea) {\n          window.scrollTo({\n            top: 0,\n            behavior: \"smooth\"\n          });\n\n          return;\n        }\n\n        purchaseArea.setAttribute(\n          \"id\",\n          \"gabbyai-yearly-purchase\"\n        );\n\n        purchaseArea.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"center\"\n        });\n      });\n    });\n  });\n\u003c\/script\u003e","brand":"Gabby-101","offers":[{"title":"Default Title","offer_id":49268420641027,"sku":null,"price":11.88,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/8350EF75-3E74-4B5A-B7BB-3338DD9638E4_55066243-0194-40be-ad78-b1bda3afd92e.png?v=1784067518","url":"https:\/\/gabby-101.myshopify.com\/products\/gabbyai%e2%84%a2-braid-coach-annual-membership","provider":"Gabby-101","version":"1.0","type":"link"}