 {} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Figtree:wght@400;500;600;700&display=swap'); .sg-layout{ --teal:#1D5F76; --teal-deep:#16495B; --pink:#DB3A88; --pink-soft:#FBE3EF; --ink:#223641; --muted:#64707A; --bg:#FFFFFF; --tint:#F2F8FA; --line:#E7EDF0; --field:#D8E1E6; font-family:"Figtree",system-ui,-apple-system,sans-serif; color:var(--ink); line-height:1.55; box-sizing:border-box; max-width:640px; width:100%; margin:32px auto; text-align:center; } .sg-layout *{ box-sizing:border-box; } .sg-badge{ width:min(380px,82%); height:auto; display:block; margin:0 auto 1.75rem; } .sg-photo{ width:min(500px,100%); height:auto; display:block; margin:0 auto 1.75rem; -webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%); mask-image:linear-gradient(to bottom,#000 88%,transparent 100%); } .sg-wl{ background:var(--bg); border:1px solid var(--line); border-radius:24px; padding:clamp(1.75rem,5vw,3.25rem); box-shadow:0 30px 60px -32px rgba(34,54,65,0.28); text-align:center; width:100%; } .sg-eyebrow{ font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--teal-deep); font-weight:700; margin:0 0 1.2rem; display:flex; align-items:center; justify-content:center; gap:.7rem; } .sg-eyebrow::before, .sg-eyebrow::after{ content:""; width:26px; height:2px; background:var(--pink); display:inline-block; border-radius:2px; } .sg-layout .sg-h1{ font-family:"Fraunces",Georgia,serif; font-weight:500; font-size:clamp(2.2rem,6vw,3.1rem); line-height:1.05; letter-spacing:-0.01em; margin:0 0 1rem; color:var(--ink); } .sg-mark{ color:var(--pink); font-style:italic; position:relative; white-space:nowrap; } .sg-mark svg{ position:absolute; left:0; right:0; bottom:-0.32em; width:100%; height:.4em; overflow:visible; } .sg-mark path{ fill:none; stroke:var(--teal); stroke-width:3.4; stroke-linecap:round; stroke-dasharray:240; stroke-dashoffset:240; animation:sgdraw 1s .55s cubic-bezier(.6,0,.2,1) forwards; } .sg-lede{ color:var(--muted); font-size:clamp(1rem,2.6vw,1.1rem); max-width:46ch; margin:0 auto 1.9rem; } .sg-lede strong{ color:var(--ink); font-weight:600; } .sg-perks{ list-style:none; display:inline-grid; gap:.7rem; margin:0 auto 2rem; padding:0; text-align:left; } .sg-perks li{ display:flex; align-items:flex-start; gap:.7rem; font-size:.96rem; color:var(--ink); } .sg-perks .sg-tick{ flex:none; width:22px; height:22px; margin-top:1px; border-radius:50%; background:rgba(29,95,118,0.14); color:var(--teal-deep); display:grid; place-items:center; font-size:.7rem; font-weight:800; } .sg-form{ background:var(--tint); border:1px solid var(--line); border-radius:16px; padding:clamp(1.25rem,4vw,1.75rem); text-align:center; } .sg-form-title{ font-family:"Fraunces",Georgia,serif; font-weight:500; font-size:1.4rem; margin:0 0 1rem; color:var(--ink); } .sg-wl .keap-custom-form input[type="text"], .sg-wl .keap-custom-form input[type="email"], .sg-wl .keap-custom-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]){ font-family:"Figtree",sans-serif !important; border-radius:10px !important; } .sg-wl .keap-custom-form button, .sg-wl .keap-custom-form input[type="submit"], .sg-wl .keap-custom-form [type="submit"]{ background:var(--pink) !important; border-color:var(--pink) !important; font-family:"Figtree",sans-serif !important; font-weight:600 !important; border-radius:10px !important; } .sg-fine{ font-size:.8rem; color:var(--muted); text-align:center; margin:1rem 0 0; } .sg-footer{ margin-top:1.75rem; padding-top:1.25rem; border-top:1px solid var(--line); font-size:.78rem; color:var(--muted); text-align:center; } .sg-footer a{ color:var(--pink); text-decoration:none; font-weight:600; } .sg-footer a:hover{ text-decoration:underline; } @keyframes sgdraw{ to{ stroke-dashoffset:0; } } @media (prefers-reduced-motion:reduce){ .sg-mark path{ animation:none; stroke-dashoffset:0; } } @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Figtree:wght@400;500;600;700&display=swap'); .sg-layout{ --teal:#1D5F76; --teal-deep:#16495B; --pink:#DB3A88; --pink-soft:#FBE3EF; --ink:#223641; --muted:#64707A; --bg:#FFFFFF; --tint:#F2F8FA; --line:#E7EDF0; --field:#D8E1E6; font-family:"Figtree",system-ui,-apple-system,sans-serif; color:var(--ink); line-height:1.55; box-sizing:border-box; max-width:640px; width:100%; margin:32px auto; text-align:center; } .sg-layout *{ box-sizing:border-box; } .sg-badge{ width:min(380px,82%); height:auto; display:block; margin:0 auto 1.75rem; } .sg-photo{ width:min(500px,100%); height:auto; display:block; margin:0 auto 1.75rem; -webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%); mask-image:linear-gradient(to bottom,#000 88%,transparent 100%); } .sg-wl{ background:var(--bg); border:1px solid var(--line); border-radius:24px; padding:clamp(1.75rem,5vw,3.25rem); box-shadow:0 30px 60px -32px rgba(34,54,65,0.28); text-align:center; width:100%; } .sg-eyebrow{ font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--teal-deep); font-weight:700; margin:0 0 1.2rem; display:flex; align-items:center; justify-content:center; gap:.7rem; } .sg-eyebrow::before, .sg-eyebrow::after{ content:""; width:26px; height:2px; background:var(--pink); display:inline-block; border-radius:2px; } .sg-layout .sg-h1{ font-family:"Fraunces",Georgia,serif; font-weight:500; font-size:clamp(2.2rem,6vw,3.1rem); line-height:1.05; letter-spacing:-0.01em; margin:0 0 1rem; color:var(--ink); } .sg-mark{ color:var(--pink); font-style:italic; position:relative; white-space:nowrap; } .sg-mark svg{ position:absolute; left:0; right:0; bottom:-0.32em; width:100%; height:.4em; overflow:visible; } .sg-mark path{ fill:none; stroke:var(--teal); stroke-width:3.4; stroke-linecap:round; stroke-dasharray:240; stroke-dashoffset:240; animation:sgdraw 1s .55s cubic-bezier(.6,0,.2,1) forwards; } .sg-lede{ color:var(--muted); font-size:clamp(1rem,2.6vw,1.1rem); max-width:46ch; margin:0 auto 1.9rem; } .sg-lede strong{ color:var(--ink); font-weight:600; } .sg-perks{ list-style:none; display:inline-grid; gap:.7rem; margin:0 auto 2rem; padding:0; text-align:left; } .sg-perks li{ display:flex; align-items:flex-start; gap:.7rem; font-size:.96rem; color:var(--ink); } .sg-perks .sg-tick{ flex:none; width:22px; height:22px; margin-top:1px; border-radius:50%; background:rgba(29,95,118,0.14); color:var(--teal-deep); display:grid; place-items:center; font-size:.7rem; font-weight:800; } .sg-form{ background:var(--tint); border:1px solid var(--line); border-radius:16px; padding:clamp(1.25rem,4vw,1.75rem); text-align:center; } .sg-form-title{ font-family:"Fraunces",Georgia,serif; font-weight:500; font-size:1.4rem; margin:0 0 1rem; color:var(--ink); } .sg-wl .keap-custom-form input[type="text"], .sg-wl .keap-custom-form input[type="email"], .sg-wl .keap-custom-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]){ font-family:"Figtree",sans-serif !important; border-radius:10px !important; } .sg-wl .keap-custom-form button, .sg-wl .keap-custom-form input[type="submit"], .sg-wl .keap-custom-form [type="submit"]{ background:var(--pink) !important; border-color:var(--pink) !important; font-family:"Figtree",sans-serif !important; font-weight:600 !important; border-radius:10px !important; } .sg-fine{ font-size:.8rem; color:var(--muted); text-align:center; margin:1rem 0 0; } .sg-footer{ margin-top:1.75rem; padding-top:1.25rem; border-top:1px solid var(--line); font-size:.78rem; color:var(--muted); text-align:center; } .sg-footer a{ color:var(--pink); text-decoration:none; font-weight:600; } .sg-footer a:hover{ text-decoration:underline; } @keyframes sgdraw{ to{ stroke-dashoffset:0; } } @media (prefers-reduced-motion:reduce){ .sg-mark path{ animation:none; stroke-dashoffset:0; } } .gp-component-id-i7trUfzw08 { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-i7trUfzw08 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-i7trUfzw08 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-i7trUfzw08 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-i7trUfzw08 { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-i7trUfzw08 { min-height: 50px;position: relative;z-index: auto; } }
