body{background:#eef5f3}
#gf-membership-preview{max-width:none;background:#eef5f3;overflow:hidden}
#gf-membership-preview header{max-width:1240px;margin:auto;background:transparent;padding:24px 32px}
#gf-membership-preview .preview-note{background:#f6eccf;color:#6f5b2f}
#gf-membership-preview .hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:64px;min-height:640px;max-width:1240px;margin:auto;padding:48px 32px 92px;background:none;color:#163d4d;position:relative;isolation:isolate}
#gf-membership-preview .hero:before{inset:-180px -250px -50px;background:radial-gradient(ellipse at 82% 45%,#b8d9d2 0%,#d9eae4 28%,#eef5f300 62%);z-index:-2;transform:rotate(-8deg)}
#gf-membership-preview .hero-copy{position:relative;z-index:1}
#gf-membership-preview .hero .eyebrow{color:#087a76;font-size:11px;letter-spacing:2px}
#gf-membership-preview h1{color:#173f50;font-size:clamp(38px,4.3vw,59px);line-height:1.07;letter-spacing:-2.4px;margin:22px 0 25px;max-width:650px}
#gf-membership-preview .intro{color:#4a6470;font-size:17px;line-height:1.7;max-width:520px}
#gf-membership-preview .promise{gap:8px;color:#39666a;margin-top:25px}
#gf-membership-preview .promise span{background:#ffffff70;border:1px solid #bfd7d0;padding:6px 10px;font-size:11px}
#gf-membership-preview .hero-links{gap:12px;margin-top:28px;align-items:stretch;flex-direction:column;max-width:360px}
#gf-membership-preview .hero-links a{border-radius:30px;text-align:center;background:#087f81;color:#fff;padding:14px 23px;font-size:14px;box-shadow:0 7px 20px #13747218}
#gf-membership-preview .hero-links a.secondary{border:1px solid #82aaa6;background:transparent;color:#285761;box-shadow:none;font-size:13px}
#gf-membership-preview .hero-links a:hover{background:#076b6e;color:#fff}
#gf-membership-preview .hero-links a.secondary:hover{background:#e2eeea;color:#173f50}
#gf-membership-preview .editorial-photo{margin:0;position:relative;aspect-ratio:1/1.05;min-width:0;transform:rotate(2deg);border-radius:120px 28px 120px 28px;background:#143341;box-shadow:0 28px 70px #28584825;isolation:isolate}
#gf-membership-preview .editorial-photo:before{content:'';position:absolute;inset:20px -20px -20px 20px;border:1px solid #a3c4b9;border-radius:120px 28px 120px 28px;z-index:-1;transform:rotate(-4deg)}
#gf-membership-preview .editorial-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:83% center;border-radius:inherit;filter:saturate(.88)}
#gf-membership-preview .editorial-photo figcaption{position:absolute;bottom:32px;left:-28px;background:#fffef6;box-shadow:0 8px 24px #153a4e22;border:1px solid #e0e4d7;border-radius:13px;display:flex;align-items:center;gap:10px;padding:16px 22px;color:#284f58;font-size:14px;font-weight:700;transform:rotate(-2deg)}
#gf-membership-preview .photo-dot{width:10px;height:10px;border-radius:50%;background:#168773;box-shadow:0 0 0 5px #e1f1e8}
#gf-membership-preview .art-spark{position:absolute;right:-24px;top:-35px;font-size:78px;color:#d49d45;transform:rotate(-15deg);line-height:1}
#gf-membership-preview .benefit-strip{position:relative;z-index:2;max-width:none;border:0;border-radius:44px 44px 0 0;padding:44px max(32px,calc((100vw - 1176px)/2));background:#fffdf7;gap:34px}
#gf-membership-preview .benefit-strip article{align-items:flex-start;border-top:2px solid #bdd4cb;padding-top:22px;gap:14px}
#gf-membership-preview .benefit-strip b{font-size:17px;margin:0 0 7px;letter-spacing:-.2px}
#gf-membership-preview .benefit-strip small{font-size:13px;line-height:1.6;display:block}
#gf-membership-preview .benefit-icon{background:#edf5ed;font-size:24px;padding:10px;border-radius:50%}
#gf-membership-preview .body{max-width:none;background:#fffdf7;padding:45px max(32px,calc((100vw - 1176px)/2)) 50px}
#gf-membership-preview .plans-intro{padding:10px 0 20px;max-width:700px}
#gf-membership-preview .plans-intro h2{font-size:clamp(30px,3.1vw,42px);line-height:1.14;letter-spacing:-1.4px}
#gf-membership-preview .selector{border-radius:18px;background:#edf4ef;padding:22px 26px}
#gf-membership-preview .plan{box-shadow:none;border-color:#d5e0d5;border-top-color:#168b80}
#gf-membership-preview .plan:nth-child(2){background:#edf4f9}
#gf-membership-preview .plan:nth-child(3){background:#faf2e2}
#gf-membership-preview .focus-card{margin:60px 0 44px;border-radius:36px 12px 36px 12px;padding:44px;background:#194952}
#gf-membership-preview .mini-map div{border-radius:24px 8px 24px 8px}
#gf-membership-preview .individual{border-radius:26px;background:#f4e9cc;padding:32px}
@media(min-width:1500px){#gf-membership-preview .hero{min-height:690px}}
@media(max-width:900px){#gf-membership-preview .hero{gap:36px;padding:36px 28px 70px}#gf-membership-preview h1{font-size:43px;letter-spacing:-1.6px}#gf-membership-preview .intro{font-size:16px}#gf-membership-preview .editorial-photo{border-radius:85px 20px 85px 20px;aspect-ratio:1/1.25}#gf-membership-preview .editorial-photo figcaption{left:-15px;padding:13px 16px;font-size:12px}#gf-membership-preview .benefit-strip{gap:20px}}
@media(max-width:700px){#gf-membership-preview header{padding:20px 22px}#gf-membership-preview .hero{grid-template-columns:1fr;padding:34px 24px 66px;gap:46px;min-height:0}#gf-membership-preview .hero-copy{max-width:570px}#gf-membership-preview h1{font-size:45px;line-height:1.08;letter-spacing:-1.7px;margin-top:20px}#gf-membership-preview .intro{max-width:none;font-size:16px}#gf-membership-preview .hero-links{max-width:none;gap:10px}#gf-membership-preview .hero-links a{min-height:48px;display:flex;align-items:center;justify-content:center}#gf-membership-preview .editorial-photo{width:calc(100% - 18px);margin:0 8px;aspect-ratio:1.08/1;max-width:500px;justify-self:center;transform:rotate(1.5deg);border-radius:80px 20px 80px 20px}#gf-membership-preview .editorial-photo:before{inset:12px -12px -12px 12px;border-radius:80px 20px 80px 20px}#gf-membership-preview .editorial-photo figcaption{left:-9px;bottom:20px;font-size:12px;padding:14px 18px}#gf-membership-preview .art-spark{font-size:55px;right:-8px;top:-24px}#gf-membership-preview .benefit-strip{grid-template-columns:1fr;border-radius:30px 30px 0 0;padding:28px 24px;gap:22px}#gf-membership-preview .benefit-strip article{padding-top:20px}#gf-membership-preview .body{padding:26px 22px 36px}#gf-membership-preview .plans-intro{padding-top:12px}#gf-membership-preview .selector{padding:20px}#gf-membership-preview .focus-card{padding:28px 24px;gap:26px;margin-top:40px}#gf-membership-preview .focus-card h2{font-size:29px}#gf-membership-preview .individual{padding:25px}}
#gf-membership-preview .hero:before{pointer-events:none}#gf-membership-preview header{position:relative;z-index:5}
#gf-membership-preview{overflow:clip}
/* Artistic atmospheric background: cool color fields with restrained warm light. */
body{background:#eaf1ff}
#gf-membership-preview{background:radial-gradient(ellipse 55% 28% at 100% 2%,#9edddc88 0%,transparent 72%),radial-gradient(ellipse 48% 30% at 0% 22%,#b8c3f777 0%,transparent 70%),radial-gradient(ellipse 55% 24% at 90% 60%,#b2e7e588 0%,transparent 75%),radial-gradient(ellipse 50% 24% at 5% 91%,#c7b6f355 0%,transparent 74%),linear-gradient(145deg,#eaf4ff 0%,#e1f2f1 32%,#f0edff 65%,#e2f0fc 100%)}
#gf-membership-preview .hero:before{background:radial-gradient(ellipse at 80% 40%,#7bc5cf55 0%,#9cbbea33 28%,transparent 65%);transform:rotate(-8deg)}
#gf-membership-preview .benefit-strip{background:linear-gradient(120deg,#ffffffd9,#eaf5ffb8 55%,#e7eefec9);border-top:1px solid #ffffffc7;border-bottom:1px solid #c9dcee99}
#gf-membership-preview .body{background:radial-gradient(ellipse 70% 20% at 100% 15%,#bbcffc55,transparent 75%),radial-gradient(ellipse 65% 25% at 0% 68%,#b0e1de66,transparent 75%),linear-gradient(160deg,#f6faffc7,#eaf2ffd9 48%,#f2effbc7)}
#gf-membership-preview .individual{background:linear-gradient(115deg,#edf0ff,#e4f4f3);border-color:#c8d8e9}
#gf-membership-preview .individual .eyebrow{color:#406496}
#gf-membership-preview .individual h2{color:#234a64}
#gf-membership-preview .individual p{color:#526c7c}
#gf-membership-preview .selector{background:linear-gradient(110deg,#e1f2ee,#e7efff);border-color:#c0d9dd}
/* Full browser width, with multiple soft color fields rather than a centered canvas. */
html,body{margin:0;min-width:0;width:100%;background:#e5efff}
#gf-membership-preview{width:100%;max-width:none;margin:0;border-radius:0;overflow:clip;background:radial-gradient(ellipse 48% 15% at 0% 3%,#aab9efaa,transparent 74%),radial-gradient(ellipse 44% 17% at 100% 7%,#6cd2d0aa,transparent 76%),radial-gradient(ellipse 46% 13% at 45% 20%,#c4b5ee88,transparent 78%),radial-gradient(ellipse 55% 17% at 0% 36%,#9bcafa99,transparent 77%),radial-gradient(ellipse 50% 16% at 100% 48%,#90ded599,transparent 76%),radial-gradient(ellipse 50% 16% at 20% 65%,#c2b7f088,transparent 76%),radial-gradient(ellipse 52% 15% at 94% 81%,#adc5f9aa,transparent 78%),radial-gradient(ellipse 50% 18% at 10% 98%,#98dcd499,transparent 77%),linear-gradient(155deg,#edf3ff,#def4f1 30%,#eeebfc 65%,#e4effe)}
#gf-membership-preview header{max-width:none;width:100%;margin:0;padding:24px clamp(24px,6vw,128px);background:transparent}
#gf-membership-preview .hero{max-width:none;width:100%;margin:0;padding:50px clamp(24px,6vw,128px) 94px;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:clamp(36px,5vw,90px)}
#gf-membership-preview .hero:before{inset:-20% 0 -15%;transform:none;background:radial-gradient(ellipse 45% 55% at 4% 46%,#c4b8f755,transparent 76%),radial-gradient(ellipse 47% 70% at 95% 22%,#64c8cb44,transparent 78%);pointer-events:none}
#gf-membership-preview .hero-copy{max-width:680px}
#gf-membership-preview .editorial-photo{max-height:650px;aspect-ratio:1.06/1}
#gf-membership-preview .benefit-strip{width:100%;max-width:none;margin:0;border-radius:32px 32px 0 0;padding:42px clamp(24px,6vw,128px);background:linear-gradient(110deg,#ffffffc7,#eaf4ff99 50%,#e3eafdb3)}
#gf-membership-preview .body{width:100%;max-width:none;margin:0;padding:50px clamp(24px,6vw,128px);background:transparent}
#gf-membership-preview .plans-intro p,#gf-membership-preview .intro{color:#3d5c6d}
#gf-membership-preview .foot{color:#405e71;border-color:#b8cddd}
@media(min-width:1800px){#gf-membership-preview h1{font-size:66px}#gf-membership-preview .hero{min-height:740px}#gf-membership-preview .intro{font-size:19px;max-width:620px}}
@media(max-width:700px){#gf-membership-preview header{padding:20px 22px}#gf-membership-preview .hero{grid-template-columns:1fr;padding:34px 24px 64px;gap:44px}#gf-membership-preview .hero-copy{max-width:none}#gf-membership-preview .editorial-photo{max-height:none;aspect-ratio:1.08/1}#gf-membership-preview .benefit-strip{padding:28px 24px;border-radius:28px 28px 0 0}#gf-membership-preview .body{padding:30px 22px 40px}}
/* Larger transparent brand mark, preserving its aspect ratio. */
#gf-membership-preview .sales-logo{width:200px;height:90px;object-fit:contain;flex-shrink:0}
#gf-membership-preview .brand{gap:16px}
@media(max-width:700px){#gf-membership-preview .sales-logo{width:150px;height:72px}#gf-membership-preview .brand{gap:10px}#gf-membership-preview .brand>div{min-width:0}}
@media(max-width:360px){#gf-membership-preview .sales-logo{width:130px;height:64px}}
/* Prominent logo: give the complete mark room instead of competing with duplicate text. */
#gf-membership-preview header .brand>div{display:none}
#gf-membership-preview header .sales-logo{width:360px;height:auto;max-width:100%;object-fit:contain}
#gf-membership-preview header .brand{max-width:55%;gap:0}
@media(max-width:700px){#gf-membership-preview header .brand{width:100%;max-width:100%}#gf-membership-preview header .sales-logo{width:280px;height:auto;max-width:100%}}