.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root{
--bg:#f5f5fb;
--panel:#ffffff;
--panel-2:#fbfaf9;
--text:#000000;
--muted:#63594b;
--muted-2:#807b6b;
--brand:#48a146;
--brand-2:#39803c;
--ok:#16a34a;
--warn:#c29d08;
--border:rgba(118, 54, 6, 0.08);
--shadow: 0 18px 7px rgba(116, 66, 21, 0.08);
--radius: 6px;
--radius-lg: 12px;
--max: 1100px;
}
:root :where(.is-layout-constrained) > * {
margin-block-start: 0;
}
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
color:var(--text); background: #48a1460f;
line-height:1.6;
}
a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }
.skip{
position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip:focus{
left:16px; top:16px; width:auto; height:auto; padding:10px 12px;
background:#000; border:1px solid var(--border); border-radius:10px; z-index:99;
}
header{
position:sticky; top:0; z-index:50;
backdrop-filter: blur(10px);
background: rgba(255,255,255,.86);
border-bottom:1px solid var(--border);
}
.nav{
max-width:var(--max);
margin:0 auto;
padding:14px 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.brand{
display:flex; align-items:center; gap:10px;
font-weight:700; letter-spacing:.2px;
}
.logo{
width:34px; height:34px;
border-radius:12px;
background: linear-gradient(135deg, rgba(110,231,255,.95), rgba(167,139,250,.95));
box-shadow: 0 10px 25px rgba(110,231,255,.15);
position:relative;
}
.logo:after{
content:"";
position:absolute; inset:10px;
border-radius:8px;
border:2px solid rgba(255,255,255,.7);
opacity:.6;
}
.navlinks{
display:flex; align-items:center; gap:18px;
color:var(--muted);
font-weight:600;
font-size:14px;
}
.navlinks a{
padding:8px 10px;
border-radius:12px;
}
.navlinks a:hover{
background: rgba(255,255,255,.06);
text-decoration:none;
}
.navcta{
display:flex; align-items:center; gap:10px;
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
border:1px solid var(--border);
background:#ffffff;
color:var(--text);
font-weight:600;
font-size:14px;
cursor:pointer;
box-shadow: 0 8px 16px rgba(15,23,42,.08);
transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
white-space:nowrap;
}
.btn:hover{
background: #f3f4ff;
border-color: rgba(15,23,42,.18);
box-shadow: 0 10px 22px rgba(15,23,42,.12);
text-decoration:none;
}
.btn.primary{
border: 0;
background: linear-gradient(135deg, var(--brand), var(--brand-2));
color:#f9fafb;
box-shadow: 0 12px 30px rgba(37,99,235,.25);
}
.btn.primary:hover{
background: linear-gradient(135deg, #0284c7, #9333ea);
}
.btn.wh {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 14px;
border-radius: 12px;
background: #ffffff;
color: var(--text);
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
white-space: nowrap;
background-color: hsl(120deg 92% 29.41% / 55%);
color: #fff;
transition: .3s;
transform: translateY(0);
line-height: 1;
height: 53px;
border: unset;
}
.btn.wh:hover {
background: #d69f18;
box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
text-decoration: none;
}
.download-button {
margin-right: 1em;
}
.pill{
display:inline-flex;
align-items:center;
gap:8px;
font-size:12px;
padding:6px 11px;
border-radius:999px;
background:#eef2ff;
border:1px solid rgba(129,140,248,.35);
color:#4338ca;
background-color: #65d473;
color: #000;
padding: 0.5em 0.9em;
border-radius: 9px;
border: unset;
}
.dot{
width:8px; height:8px; border-radius:50%;
background: #ffffff;
box-shadow: 0 0 0 6px rgba(52,211,153,.12);
}
main{
max-width:var(--max);
margin:0 auto;
padding:32px 20px 72px;
padding-top: 0.5em !important;
}
.hero{
display:grid;
grid-template-columns: 1.1fr .9fr;
gap:28px;
padding:28px;
border: 2px dashed #ff9a27;
border-radius: var(--radius-lg);
background: var(--panel);
box-shadow: var(--shadow);
overflow:hidden;
position:relative;
padding-bottom: 0;
}
.hero:before{
content:"";
position:absolute;
inset:-2px;
background: radial-gradient(520px 220px at 0% 0%, rgb(233 179 14 / 12%), transparent 60%), radial-gradient(520px 220px at 100% 0%, rgb(212 154 41 / 10%), transparent 60%);
pointer-events:none;
opacity:.8;
}
.hero > *{ position:relative; }
.hero-screen {
text-align: center;
padding: 0 !important;
margin: 0 !important;
}
.hero-screen img {
max-height: 440px !important;
}
.kicker{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
margin-bottom:14px;
}
h1{
font-size: clamp(28px, 3vw, 44px);
line-height:1.1;
margin:0 0 12px;
letter-spacing:-.6px;
}
h1.wp-block-heading, h1.wp-block-post-title {
text-align: center;
background: unset !important;
background: unset !important;
-webkit-background-clip: unset !important;
-webkit-text-fill-color: unset !important;
line-height: normal;
font-size: 2.5rem;
margin-bottom: 0.5em;
color: #000;
padding-top: 0.5em !important;
}
.sub{
margin:0 0 18px;
color:var(--muted);
font-size:16px;
max-width: 60ch;
}
.ctaRow{
display:flex;
flex-wrap:wrap;
gap:10px;
margin: 18px 0 0;
justify-content: center;
width: 100%;
}
.ctaRow.foot{
display:block;
flex-wrap:unset;
justify-content: center;
width: 100%;
margin: 2em 0 0 0;
text-align: center;
max-width: 100%;
width: 100%;
}
.trust{
margin-top:16px;
display:flex;
flex-wrap:wrap;
gap:10px;
color:var(--muted-2);
font-size:13px;
}
.trust b{ color:var(--text); }
.mock{
height:100%;
border-radius: 24px;
border:1px solid rgba(15,23,42,.06);
background: linear-gradient(180deg, #f9fafb, #eef2ff);
box-shadow: 0 16px 40px rgba(15,23,42,.10);
overflow:hidden;
display:flex;
flex-direction:column;
min-height: 320px;
}
.mockTop{
padding:14px 16px;
border-bottom:1px solid rgba(15,23,42,.06);
display:flex;
align-items:center;
justify-content:space-between;
color:var(--muted-2);
font-weight:600;
font-size:13px;
background:#e5e7eb;
}
.mockDots{
display:flex; gap:6px;
}
.mockDots span{
width:10px; height:10px; border-radius:50%;
background: rgba(148,163,184,.8);
}
.mockBody{
padding:16px;
display:grid;
gap:10px;
}
.card{
border-radius: 18px;
border:1px solid rgba(15,23,42,.06);
background:#ffffff;
padding:12px 12px 12px;
}
.row{
display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
}
.tag{
display:inline-flex;
gap:6px;
align-items:center;
padding:6px 10px;
border-radius:999px;
background:#e0f2fe;
border:1px solid rgba(14,165,233,.35);
font-size:12px;
color:#075985;
font-weight:600;
white-space:nowrap;
background-color: #ffce51;
color: #000;
padding: 0.5em 0.9em;
border-radius: 9px;
border: unset;
font-size: 0.5em;
}
.tag.purple{
background-color: #764dd1;
color: #ffffff;
border: unset;
}
.tag.green{
background-color: #65d473;
color: #000;
padding: 0.5em 0.9em;
border-radius: 9px;
border: unset;
}
.photo{
height:86px;
border-radius:14px;
border:1px solid rgba(148,163,184,.35);
background:
radial-gradient(70px 50px at 30% 20%, rgba(14,165,233,.15), transparent 60%),
radial-gradient(80px 60px at 80% 40%, rgba(168,85,247,.12), transparent 60%),
linear-gradient(180deg, #e5f2ff, #eef2ff);
margin-top:10px;
}
.card h3{
margin:0;
font-size:14px;
letter-spacing:-.2px;
}
.card p{
margin:6px 0 0;
color:var(--muted);
font-size:13px;
}
section{
margin-top:26px;
padding:26px;
border-radius: var(--radius-lg);
border:1px solid var(--border);
background: var(--panel);
box-shadow: var(--shadow);
}
.grid2{
display:grid;
grid-template-columns: 1fr 1fr;
gap:18px;
align-items:start;
}
h2{
margin:0 0 10px;
font-size: clamp(20px, 2.2vw, 30px);
letter-spacing:-.35px;
line-height:1.2;
}
.grid2 h2 {
margin-top: 0.5em;
}
.grid2 p.lead {
margin-top: 1em;
}
section.btfCTA{
border: unset !important;
box-shadow: unset !important;
background: transparent !important;
text-align: center;
padding: 1.3em 0 0.8em 0 !important;
}
section.btfCTA h2 {
margin-top: 0 !important;
}
.lead{
color:var(--muted);
margin:0;
max-width: 70ch;
}
.bullets{
margin:0.5em;
padding:0;
list-style:none;
display:grid;
gap:10px;
margin-left: auto;
margin-right: auto;
}
.bullets li{
display:flex;
gap:10px;
padding:10px 12px;
border-radius: 16px;
border:1px solid rgba(148,163,184,.35);
background:#f9fafb;
color:var(--muted);
font-size: 0.8em;
border-radius: 10px;
padding: 18px;
border: 0;
background: radial-gradient(420px 180px at 0% 0%, rgb(233 172 14 / 12%), transparent 60%), linear-gradient(180deg, #fef2e0, #ffecc5);
margin-top: 14px;
font-size: 0.8em;
}
.bullets li b{ color:var(--text); }
.icon{
width: 26px;
height: 26px;
border-radius: 14px;
flex: 0 0 auto;
background: #ffffff;
display: grid;
place-items: center;
border: unset;
margin-top: 1px;
font-size: 16px;
color: var(--text);
}
.steps{
display:grid;
gap:12px;
margin-top:12px;
}
.step{
padding:12px 14px;
border-radius:18px;
border:1px solid rgba(148,163,184,.35);
background:#f9fafb;
display:flex;
gap:12px;
}
.num{
width: 30px;
height: 30px;
border-radius: 999px;
background: #e2fee0;
border: 1px solid rgb(14 233 60 / 45%);
display: grid;
place-items: center;
font-weight: 700;
color: #075985;
flex: 0 0 auto;
line-height: 1;
color: #554b3b;
}
.step h3{ margin:0 !important; font-size:15px; }
.step p{ margin:4px 0 0; color:var(--muted); font-size:13px; }
.examples{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:14px;
margin-top:14px;
}
.ex{
padding: 14px;
border-radius: 18px;
border: 0;
background: #fffaf3;
text-align: center;
}
.ex h3{
margin: 0 !important;
font-size:15px; 
}
.ex p{ margin:0 0 10px; color:var(--muted); font-size:13px; }
.chips{
display:flex; 
flex-wrap:wrap; 
gap:8px;
justify-content: center;
}
.benefits{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap:12px;
margin-top:14px;
}
.benefit{
padding:14px;
border-radius: 18px;
border:1px solid rgba(148,163,184,.35);
background:#f9fafb;
text-align: center;
}
.benefit h3{ 
margin: 1.3em 0 0.6em 0 !important;
font-size:14px;
}
.benefit p{ margin:0; color:var(--muted); font-size:13px; }
.feature-badge{
display:inline-flex;
align-items:center;
gap:8px;
font-size:12px;
padding:6px 10px;
border-radius:999px;
border:1px solid rgba(148,163,184,.6);
background:#eef2ff;
color:#4338ca;
background-color: #65d473;
color: #000;
padding: 0.5em 0.9em;
border-radius: 9px;
border: unset;
}
.callout{ border-radius: 10px;
padding: 18px;
border: 0;
background: #97ff97;
margin-top: 1em;
font-size: 0.8em;
color: #000;
}
.callout p{ 
margin:0; 
color: #000;
}
.callout strong{ color:var(--text); }
.related{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:14px;
justify-content: center;
}
.related a{
padding:10px 12px;
border-radius: 14px;
border:1px solid rgba(148,163,184,.5);
background:#f9fafb;
color:var(--text);
font-weight:600;
font-size:13px;
text-decoration:none;
background-color: transparent;
color: #ae80d6;
padding: 0.5em 0.9em;
border-radius: 9px;
text-decoration: underline;
border: unset;
}
.related a:hover{
background:#eef2ff;
}
.finalCta{
display:flex;
flex-direction:column;
gap:14px;
align-items:flex-start;
border-radius: var(--radius-lg);
padding:26px;
border: 2px solid rgb(91 197 24 / 31%);
box-shadow: var(--shadow);
}
.finalCta h2{ margin:0; }
.finalCta p{ margin:0; color:var(--muted); max-width: 70ch; }
.download-button img {
max-width: 180px;
}
.afterthought {
text-align: center;
margin-top: 2em;
}
footer h2.wp-block-site-title.has-large-font-size {
margin-top: 1em;
}
footer h3.wp-block-heading.has-medium-font-size {
margin-bottom: 0.5em;
} @media (max-width: 980px){
.hero{ grid-template-columns: 1fr; }
.mock{ min-height: 300px; }
.grid2{ grid-template-columns: 1fr; }
.examples{ grid-template-columns: 1fr; }
.benefits{ grid-template-columns: 1fr 1fr; }
.navlinks{ display:none; }
.hero-screen img {
max-height: 240px !important;
}
}
@media (max-width: 520px){
section{ padding:18px; }
.hero{ padding:18px; }
.benefits{ grid-template-columns: 1fr; }
}main {
margin-top: 1.3em !important;
}
main .wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained:first-child {
padding-top: 0 !important;
}
.single-post code {
font-size: 0.8em;
background: #e9efa0;
padding: 0.2em 0.4em;
border-radius: 0.2em;
text-wrap-mode: nowrap;
}
h1.wp-block-heading, 
h1.wp-block-post-title {
text-align: center;
background: rgb(119,7,51);
background: linear-gradient(90deg, rgba(119,7,51,1) 0%, rgba(52,9,121,1) 42%, rgba(139,48,18,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: normal;
}
h1 a:hover {
background: rgb(119,7,51);
background: linear-gradient(90deg, rgba(119,7,51,1) 0%, rgba(52,9,121,1) 42%, rgba(139,48,18,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration:none
}
h2.wp-block-heading {
background: rgb(119,7,51);
background: linear-gradient(90deg, rgba(119,7,51,1) 0%, rgba(52,9,121,1) 42%, rgba(139,48,18,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 1.4em;
line-height: normal;
}
header h1 {
font-size:39px !important
}
figure.wp-block-post-featured-image {
text-align:center !important;
aspect-ratio: auto !important;
}
.wp-block-post-featured-image :where(img) {
width: 300px !important;
height: auto !important;
border-radius: 4px;
margin: auto;
}
.blogpost-meta {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
max-width:720px;
}
h2.blog-heading-h2 {
border-bottom: 2px solid #072a44;
}
ul.wp-block-latest-posts__list {
}
ul.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
display: inline-block;
float: right;
margin-left: 1em;
}
ul.wp-block-latest-posts__list .wp-block-latest-posts__featured-image img {
border-radius:4px
}
@media (width < 590px) {
ul.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
display: block;
float: none;
margin-left: 0;
}
}
.wp-block-navigation-item.menu-emphasise {
background: #000;
opacity: 1;
padding: 0.2em 0.5em;
color: #FFF;
border-radius: 10px;
transition: all .2s;
}
.wp-block-navigation-item.menu-emphasise a.wp-block-navigation-item__content:hover {
text-decoration: none;
}
.wp-block-navigation-item.menu-emphasise:hover {
background:#042d59;
}
h3#share-header {
margin-bottom: 0.5em;
text-align: center;
}
.wp-block-group.is-style-section-1 {
padding: 1em;
}
h3 {
background: rgb(119, 7, 51);
background: linear-gradient(90deg, rgba(119, 7, 51, 1) 0%, rgba(52, 9, 121, 1) 42%, rgba(139, 48, 18, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 1.7em !important;
line-height: normal;
font-size: 1.1em;
}
h4 { 
padding: 0.5em;
font-size: 1em;
background: orange;
border-radius: 4px;
padding-top: 5em;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-top: 3em !important;
margin-bottom: 2em !important;
box-shadow: rgb(96 70 51 / 25%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset, rgb(240 151 46 / 40%) -5px 5px, rgb(240 136 46 / 30%) -10px 10px, rgb(240 165 46 / 20%) -15px 15px, rgb(240 177 46 / 10%) -20px 20px, rgb(240 158 46 / 5%) -25px 25px;
}
h5 {
padding: 0.5em;
font-size: 1em;
background: #12053a;
color: #FFF;
border-radius: 4px;
padding-top: 2em;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-top: 3em !important;
box-shadow: rgb(96 70 51 / 25%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset, rgb(240 151 46 / 40%) -5px 5px, rgb(240 136 46 / 30%) -10px 10px, rgb(240 165 46 / 20%) -15px 15px, rgb(240 177 46 / 10%) -20px 20px, rgb(240 158 46 / 5%) -25px 25px;
margin-bottom: 2em !important;
}
.twitter-tweet.twitter-tweet-rendered {
margin-left: auto;
margin-right: auto;
}
.home h3 { -webkit-text-fill-color: unset;
}
body.page-id-201 h1.wp-block-post-title, 
body.page-id-201 figure.wp-block-post-featured-image {
display:none;
}
.small-table {
font-size:0.6em;
}
.wp-block-table.aligncenter th {
word-break:auto-phrase;
}
#not_new_here:hover {
cursor: pointer;
}
.share-button-wrap.not-new-here-share {
display:none;
}
.share-button-wrap .share-buttons {
display: flex;
gap: 20px;
align-items: center;
justify-content: center;
}
.share-button-wrap .share-button {
width: 40px;
height: 40px;
border: 2px solid #000;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: background-color 0.3s ease;
}
.share-button-wrap .share-button:hover {
background-color: #000;
}
.share-button-wrap .share-button:hover svg {
fill: #fff;
}
.share-button-wrap .share-button svg {
width: 20px;
height: 20px;
fill: #000;
transition: fill 0.3s ease;
}
mark {
padding-left: 0.3em;
padding-right: 0.3em;
padding-top: 0.2em;
padding-bottom: 0.2em;
border-radius: 4px;
}
@media screen and (max-width: 600px) {
header h1 {
font-size: 1.4em !important;
}
p.wp-block-site-tagline.has-small-font-size {
display:none;
}
.seva-fields .formkit-field {
padding: 0;
margin-left: 0;
min-width: 150px;
}
}
.wp-block-code code {
max-height: 150px;
overflow: hidden;
text-overflow: ellipsis;
transition: max-height 0.3s ease-in-out;
position: relative;
padding-bottom: 20px;
display: block;
}
.wp-block-code code:hover {
cursor: pointer;
}
.wp-block-code code.expanded {
max-height: none;
}
.wp-block-code code::after {
content: "Show more";
display: block;
position: absolute;
bottom: 0;
right: 0;
background: #e9efa0;
padding: 2px 5px;
font-size: 0.8em;
border-radius: 3px;
}
.wp-block-code code.expanded::after {
content: "Show less";
} #about {
margin-bottom: 3em;
}
.social-proof {
padding: 1em 1em;
overflow: hidden;
position: relative;
background: linear-gradient(to bottom, #ffffff, #F6F6F7);
border-bottom-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
}
.social-proof-header {
text-align: center;
margin-bottom: 64px;
animation: slide-up 0.8s ease-out;
}
.badge {
display: inline-block;
padding: 4px 12px;
border-radius: 9999px;
font-size: 14px;
font-weight: 500;
background-color: #E5DEFF;
color: #333;
margin-bottom: 16px;
}
.social-proof-title {
font-size: 36px;
font-weight: 300;
margin-bottom: 16px;
letter-spacing: -0.5px;
color: #1a1a1a;
}
.social-proof-subtitle {
max-width: 600px;
margin: 0 auto;
font-size: 18px;
color: #666;
}
.testimonials-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
position: relative;
}
@media (min-width: 768px) {
.testimonials-grid {
grid-template-columns: repeat(3, 1fr);
}
.social-proof-title {
font-size: 48px;
}
}
.testimonial-card {
position: relative;
background-color: white;
border-radius: 16px;
padding: 32px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease-in-out;
backdrop-filter: blur(4px);
border: 1px solid transparent;
animation: fade-in 0.6s ease-out forwards;
border-color: #f0f0f0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.quote-icon {
position: absolute;
top: -16px;
left: -16px;
color: #000000;
}
.testimonial-text {
font-weight: 300;
letter-spacing: 0.3px;
line-height: 1.7;
color: #333;
margin-bottom: 24px;
font-size: 0.8em;
}
.testimonial-author {
font-weight: 500;
color: #1a1a1a;
font-size: 0.8em;
}
.testimonial-title {
color: #777;
font-size: 14px;
font-size: 0.8em;
}
.strew-promoter-assets {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
padding: 2rem;
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(219, 234, 254, var(--tw-border-opacity));
border-width: 1px;
border-radius: .75rem;
} figure.wp-block-post-featured-image {
max-width: 340px;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
max-width: 340px;
}
.strew-home-education-image {
text-align: center;
}
.strew-home-education-image img {
max-width: 340px;
}
body.page-child main#wp--skip-link--target {
margin-top: 0 !important;
} figure.wp-block-post-featured-image {
max-width: 300px;
border-radius: 5px;
margin-bottom: 0 !important;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
max-width: 300px;
border-radius: 5px;
}
main {
margin-top: 0 !important;
}
h1.wp-block-post-title {
max-width: 800px;
font-size: 1.7em;
text-align: center;
}
h2.wp-block-heading {
margin-top: 2em;
background: unset !important;
-webkit-background-clip: unset !important;
-webkit-text-fill-color: unset !important;
color: #2a7974 !important;
font-weight: 600;
text-align: center;
}
h3 {
background: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
color: #df6e21;
}
figure.wp-block-image.aligncenter.size-large {
margin-top: 1.1em !important;
}
main ul {
max-width: 600px !important;
padding-left: 1.5em;
padding-top: 1em;
} main ::marker {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='14' viewBox='0 0 50 50'%3E%3Cpath d='M46.4 16.2c-2.3-2.3-5.4-3.5-8.4-4.5-.5-.2-1.1-.3-1.6-.5-1.6-1.6-3.7-2.8-6.2-3.2-1-.2-1.9.1-2.5.6-.9-.3-1.8-.6-2.7-.8-3.2-1-6.4-1.8-9.5-.1-1 .5-1.9 1.2-2.7 2-6.4 1.4-11.7 5-12.4 12.7C0 27 1.9 31.5 4.9 34.9c.1.6.2 1.1.4 1.7 1 3.2 3.3 5.7 6.7 6.5 2.7.6 5.4-.2 7.9-1.2 3.3.4 6.7.3 9.9 0 6.5-.7 13.3-2.8 17.1-8.5 3.6-5.2 4-12.6-.5-17.2zm-17.3.9c2.1.4 4 1.7 4.7 3.8 0 .5-.1 1.1-.2 1.6-.3 1.4-.8 2.6-1.6 3.7-.7.2-1.5.1-2.3-.4-.8-.4-1.6-1-2.2-1.6-.4-.4-1.2-1.7-1.6-1.9 3.4 1.3 5.1-3 3.2-5.2zm-11.6 9.7c.2-1.9 1.1-3.9 2.3-5.5-.4 2.1.3 4.2 1.7 6 1.3 1.7 3.1 3.2 5 4.2-.2.1-.4.2-.6.4-.1 0-.1.1-.2.1-3.9.2-8.7-.8-8.2-5.2zm-6.4 3.1c.1.3.1.7.2 1 .2.6.4 1.2.7 1.8-.4-.2-.7-.5-1-.7.1-.8.1-1.4.1-2.1zm31.2-1.3c-.9 1.7-2.1 3.1-3.7 4.1 2-2.1 3.4-4.7 4-7.6.2-.7.3-1.4.3-2.1.6 1.5.5 3.3-.6 5.6z'/%3E%3C/svg%3E") ' ';
}
main li:nth-child(3n)::marker {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='14' viewBox='0 0 50 50'%3E%3Cpath d='M46.5 12.5c-.4-1.1-1.3-1.8-2.2-2-4.2-4-11.6-4.3-17.1-4.1-6.9.3-13.9 2.1-19.4 6.5C2 17.5-2.4 25.7 2.5 32.6c2.2 3.2 5.5 4.9 9 5.5 3.3 1.7 6.7 3.3 10.2 4.4 7.8 2.3 17 1.6 23.2-4.3 7.3-7 4.8-17.3 1.6-25.7zm-20.2 2.7c.6 0 1.3 0 1.8.2 1.1.4 1.7 1.3 2 2.3-1-1.2-2.4-2.1-3.8-2.5zm-1.4 6.6c.9.9 1.3 2.2-.2 2.3-2 .2-1.1-1.9.2-2.3zm-11.8 9.8c-.6-.3-2.9-1.1-3.2-1.8-.2-.5 1.4-3.1 2.1-4.2.3.5.7 1 1.2 1.4 0 .3.1.6.2.8.5 1.9 1.5 3.1 2.9 4h-.2c-.8.1-1.6.1-2.5-.1-.2 0-.3 0-.5-.1zM24 36.4c1.6-.7 3-1.5 4.3-2.5.8.2 1.7.3 2.5.5 2.5.4 5.2.9 7.7.6-.9.6-2 1.1-3 1.4-3.9 1.3-7.7 1-11.5 0z'/%3E%3C/svg%3E") ' ';
}
main li:nth-child(3n - 1)::marker {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='14' viewBox='0 0 50 50'%3E%3Cpath d='M48.3 23.7c-1-9.9-9.9-15.6-18.8-17.8-8.2-2.1-18.8-2.6-24.6 4.8C.6 16.2 1 23.6 4.3 29.3c-.5 1-.8 2-1 3-.6 4 2 7.6 5.1 10 5.9 4.4 14 4.2 19.6-.4 1.5 0 2.9-.2 4.4-.5 1.8 0 3.5 0 5.3-.1 2.3-.1 3.5-1.9 3.5-3.7 4.5-3.3 7.7-8.2 7.1-13.9zM9.1 17.8c1.1-4.1 4.9-5.8 8.8-6.1.9-.1 1.9-.1 2.9-.1-3.2 1.6-6.3 4.6-8 7.4-.1.1-.1.2-.2.3-1.1.9-2.1 1.9-3 2.9-.2.2-.4.4-.5.6-.4-1.7-.5-3.3 0-5z'/%3E%3C/svg%3E") ' ';
}
.download-mid-button-set{
max-width: 600px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
}
.download-mid-button-set a {
text-decoration: none !important;
}
.download-mid-button-set .download-button {
text-align: center;
}
.download-button img {
max-width: 180px;
}
.download-mid-button-set .download-prompt img {
max-width: 600px;
}
section.strew-info {
padding: 0.5em 1em;
border: 2px dashed #ff9a27;
border-radius: 10px;
background: #f9ecd3;
box-shadow: rgba(116, 66, 21, 0.08) 0px 18px 7px 0px;
margin-top: 2em;
margin-bottom: 2em;
}
section.strew-info h2 {
margin-top: 0.5em !important;
}
section.strew-info p {
font-size: 1.2em;
margin-bottom: 1em;
text-align: center;
}
@media (width < 800px) {
.download-mid-button-set .download-prompt {
display: none;
}
}