/* Two clear benefits and a flat membership invitation. */
#approach #approach-title{font-size:clamp(38px,4.2vw,56px);line-height:1.08;letter-spacing:-.045em}#approach .u-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}#approach .u-step p{max-width:420px;line-height:1.65}
/* Matches the published Teneta Money CTA: warm orange, 32px surface, dark 13px action. */
.u-access .u-membership-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:28px 32px;border:0;border-radius:32px;background:linear-gradient(120deg,#e34c10,#ff8b25);box-shadow:inset 0 1px 0 #ffffff50;overflow:hidden;text-align:center;color:#fff}.u-access .u-membership-panel:before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:url('grain.svg');opacity:.2;pointer-events:none}.u-access .u-membership-panel:after{content:'';display:block;position:absolute;inset:0;top:0;right:0;bottom:0;width:auto;z-index:-1;background:radial-gradient(at 90% 0,#fff3b76b,transparent 55%),radial-gradient(at 5% 100%,#eab94728,transparent 58%);pointer-events:none}.u-access .u-membership-panel .u-access-copy{grid-area:auto;min-width:0;width:100%}.u-access .u-membership-panel h2{color:#fff;font-family:Onest,Arial,sans-serif;font-weight:800;font-size:35px;line-height:1.15;letter-spacing:-.055em;margin:0 auto 12px;max-width:850px}.u-access .u-membership-panel p{font-family:Onest,Arial,sans-serif;color:#fff;font-size:17px;font-weight:400;line-height:1.5;max-width:620px;margin:0 auto}.u-membership-actions{display:flex;align-items:center;justify-content:center;gap:26px;max-width:100%;position:relative;z-index:1}.u-access .u-membership-panel .u-price-block{grid-area:auto;display:flex;align-items:center;gap:14px;text-align:left;padding:0;border:0;min-width:0}.u-access .u-membership-panel .u-price{font-family:Onest,Arial,sans-serif;color:#fff;font-size:52px;font-weight:800;line-height:1;letter-spacing:-.055em;text-shadow:none}.u-access .u-membership-panel .u-price-caption{color:#fff;font-size:13px;font-weight:500;line-height:1.45;max-width:82px;white-space:normal;margin:0}.u-access .u-membership-panel .u-enroll{grid-area:auto;display:inline-flex;justify-content:center;align-items:center;width:auto;min-width:235px;max-width:100%;min-height:54px;padding:16px 25px;gap:22px;font-family:Onest,Arial,sans-serif;font-size:16px;font-weight:750;line-height:1.2;color:#fff;background:linear-gradient(145deg,#34302d,#171717);border:1px solid #ffffff35;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff50,0 5px 14px #30220b0c}.u-access .u-membership-panel .u-enroll:hover{background:linear-gradient(145deg,#403b36,#23211e);box-shadow:inset 0 1px 0 #ffffff65,0 8px 22px #30220b25}
@media(max-width:640px){#approach #approach-title{font-size:38px}#approach .u-steps{grid-template-columns:1fr;gap:27px}.u-access .u-membership-panel{padding:26px 22px;gap:20px;border-radius:25px}.u-access .u-membership-panel h2{font-size:28px}.u-access .u-membership-panel p{font-size:15px;line-height:1.55}.u-membership-actions{flex-direction:column;gap:18px;width:100%}.u-access .u-membership-panel .u-price{font-size:46px}.u-access .u-membership-panel .u-price-caption{max-width:none}.u-access .u-membership-panel .u-enroll{font-size:16px;padding:16px 25px;min-width:0;width:auto;max-width:100%;gap:22px}}
@media(max-width:360px){#approach #approach-title{font-size:35px}.u-access .u-membership-panel h2{font-size:26px}.u-access .u-membership-panel .u-enroll{font-size:15px;padding-inline:21px}}

/* Decorative diagonal brand signature, following the Teneta Money hero. */
.u-access .u-membership-panel .u-membership-signature{position:absolute;right:-45px;bottom:32px;z-index:0;width:max-content;white-space:nowrap;font-family:Onest,Arial,sans-serif;font-size:clamp(60px,8vw,115px);line-height:1;font-weight:850;letter-spacing:-.055em;color:#fff;opacity:.075;transform:rotate(-12deg);transform-origin:center;pointer-events:none;user-select:none}.u-access .u-membership-panel .u-access-copy{position:relative;z-index:1}
@media(max-width:640px){.u-access .u-membership-panel .u-membership-signature{font-size:63px;right:-34px;bottom:60px}}
@media(max-width:360px){.u-access .u-membership-panel .u-membership-signature{font-size:54px}}
