/* Dedicated landing page for the fixed-scope one-page website offer. */
.simple-web-page{background:#fff}.simple-web-page p{line-height:1.72}.simple-web-hero{margin:0 clamp(.7rem,1.6vw,1.5rem);padding:clamp(5rem,9vw,9rem) 0;color:#fff;background:var(--sf-blue);border-radius:0 0 40px 40px;overflow:hidden}.simple-web-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(3rem,7vw,7rem);align-items:center}.simple-web-hero-copy h1{max-width:880px;margin:.8rem 0 1.8rem;color:#fff;font-size:clamp(4rem,7vw,7.7rem);line-height:.84;letter-spacing:-.075em;text-wrap:balance}.simple-web-hero-copy h1 mark{padding:.02em .09em;color:var(--sf-ink);background:var(--sf-yellow);box-decoration-break:clone;-webkit-box-decoration-break:clone}.simple-web-hero-copy>p{max-width:720px;margin:0;color:#f0f0f7;font-size:clamp(1rem,1.35vw,1.2rem)}.simple-web-hero-actions{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.simple-web-hero .button-primary{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}.simple-web-text-link{display:inline-flex;align-items:center;gap:.5rem;color:inherit;border-bottom:2px solid currentColor;font-size:.73rem;font-weight:900}.simple-web-hero-copy>small{margin-top:1rem;display:block;color:#dad9e6;font-size:.6rem;font-weight:750}.simple-web-offer-board{overflow:hidden;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:28px;box-shadow:14px 16px 0 var(--sf-yellow);transform:rotate(1deg)}.simple-web-offer-board>header{min-height:61px;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--sf-ink);font-size:.55rem;letter-spacing:.08em}.simple-web-offer-board>header>span{display:flex;gap:.35rem}.simple-web-offer-board>header i{width:8px;height:8px;background:var(--sf-pink);border-radius:50%}.simple-web-offer-board>header i:nth-child(2){background:var(--sf-yellow)}.simple-web-offer-board>header i:nth-child(3){background:var(--sf-mint)}.simple-web-offer-board>header small{justify-self:end;color:#168352;font-weight:900}.simple-web-offer-price{padding:clamp(1.4rem,3vw,2.4rem);display:grid;grid-template-columns:auto 1fr;align-items:end;background:#ece9dc;border-bottom:2px solid var(--sf-ink)}.simple-web-offer-price span{grid-column:1/-1;font-size:.55rem;font-weight:950;letter-spacing:.12em}.simple-web-offer-price strong{font-size:clamp(4.6rem,8vw,8rem);line-height:.78;letter-spacing:-.08em}.simple-web-offer-price small{padding:0 0 .4rem .7rem;font-size:.6rem;font-weight:900}.simple-web-offer-board ul{margin:0;padding:1.2rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;list-style:none}.simple-web-offer-board li{display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:850}.simple-web-offer-board li svg{flex:0 0 auto;color:var(--sf-blue)}.simple-web-offer-board>footer{padding:1rem;display:flex;align-items:center;justify-content:center;gap:.55rem;color:#fff;background:var(--sf-ink);font-size:.55rem;font-weight:900;letter-spacing:.06em}.simple-web-offer-board>footer b{color:var(--sf-yellow)}
.simple-web-anchor{position:relative;z-index:4}.simple-web-intro{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.simple-web-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem)}.simple-web-intro h2,.simple-web-section-head h2,.simple-web-example-copy h2,.simple-web-process h2,.simple-web-growth h2,.simple-web-final h2{margin:.8rem 0 0;font-size:clamp(3.1rem,5.8vw,6.3rem);line-height:.89;letter-spacing:-.067em}.simple-web-intro-grid>div:nth-child(2) p{max-width:650px;margin:0 0 1.2rem;color:#4f4f49;font-size:1.03rem}.simple-web-audience-grid{grid-column:1/-1;margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--sf-ink);border-left:2px solid var(--sf-ink)}.simple-web-audience-grid article{min-height:330px;padding:1.5rem;display:flex;flex-direction:column;border-right:2px solid var(--sf-ink);border-bottom:2px solid var(--sf-ink)}.simple-web-audience-grid article>span,.simple-web-feature-grid article>span{width:54px;height:54px;display:grid;place-items:center;background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:15px}.simple-web-audience-grid article:nth-child(2)>span{background:var(--sf-mint)}.simple-web-audience-grid article:nth-child(3)>span{color:#fff;background:var(--sf-blue)}.simple-web-audience-grid h3{margin:auto 0 1rem;font-size:1.55rem;line-height:1}.simple-web-audience-grid p{margin:0;color:#4f4f49;font-size:.78rem}
.simple-web-included{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}.simple-web-section-head{max-width:1050px;margin-bottom:clamp(3rem,6vw,5.5rem)}.simple-web-section-head h2{color:inherit}.simple-web-section-head>p{max-width:720px;margin:1.6rem 0 0;color:#c3c3bc;font-size:1.04rem}.simple-web-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.simple-web-feature-grid article{min-height:300px;padding:1.5rem;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;border:2px solid #fff;border-radius:24px}.simple-web-feature-grid article:nth-child(2){background:var(--sf-pink)}.simple-web-feature-grid article:nth-child(3){background:var(--sf-mint)}.simple-web-feature-grid article:nth-child(4){background:var(--sf-yellow)}.simple-web-feature-grid article:nth-child(5){color:#fff;background:var(--sf-blue)}.simple-web-feature-grid article:nth-child(5)>span{color:var(--sf-ink)}.simple-web-feature-grid article:nth-child(6){color:#fff;background:#292926;border-color:#5e5e58}.simple-web-feature-grid h3{margin:auto 0 .8rem;font-size:1.55rem;line-height:1}.simple-web-feature-grid p{margin:0;color:inherit;font-size:.75rem}
.simple-web-example{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-yellow)}.simple-web-example-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,7vw,7rem);align-items:center}.simple-web-example-copy h2{font-size:clamp(3rem,5vw,5.6rem)}.simple-web-example-copy>p{max-width:600px;color:#3f3f3a}.simple-web-example-copy ul{margin:1.7rem 0;padding:0;display:grid;gap:.7rem;list-style:none}.simple-web-example-copy li{display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:850}.simple-web-example-copy>div{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.simple-web-example-monitor{overflow:hidden;background:#fff;border:2px solid var(--sf-ink);border-radius:24px;box-shadow:12px 14px 0 var(--sf-blue);transform:rotate(1deg)}.simple-web-example-monitor>header{min-height:52px;padding:0 .9rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;background:var(--sf-ink);font-size:.55rem}.simple-web-example-monitor>header>span{display:flex;gap:.35rem}.simple-web-example-monitor>header i{width:8px;height:8px;background:var(--sf-pink);border-radius:50%}.simple-web-example-monitor>header i:nth-child(2){background:var(--sf-yellow)}.simple-web-example-monitor>header i:nth-child(3){background:var(--sf-mint)}.simple-web-example-monitor>div{overflow:hidden;background:#ece9dc}.simple-web-example-monitor img{width:100%;height:auto;display:block}.simple-web-example-monitor>footer{padding:1rem;background:#fff;border-top:2px solid var(--sf-ink);font-size:.55rem;font-weight:900;letter-spacing:.08em;text-align:center}
.simple-web-scope{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-paper)}.simple-web-scope .simple-web-section-head>p{color:#51514b}.simple-web-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.simple-web-scope-grid article{min-width:0;padding:clamp(1.35rem,2.2vw,2.2rem);background:#fff;border:2px solid var(--sf-ink);border-radius:25px}.simple-web-scope-grid article.is-included{background:var(--sf-mint)}.simple-web-scope-grid article.is-business{background:var(--sf-yellow)}.simple-web-scope-grid article>span{width:48px;height:48px;display:grid;place-items:center;background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:14px}.simple-web-scope-grid article.is-business>span{background:#fff}.simple-web-scope-grid h3{margin:2rem 0 1.4rem;font-size:clamp(1.75rem,2.45vw,2.75rem);line-height:.96}.simple-web-scope-grid ul{margin:0;padding:0;list-style:none}.simple-web-scope-grid li{padding:.75rem 0;border-top:1px solid rgba(17,17,15,.22);font-size:.72rem;font-weight:750;line-height:1.45}.simple-web-scope-grid article>p{margin:1.3rem 0 0;padding:1rem;background:rgba(255,255,255,.68);border-radius:12px;font-size:.7rem;font-weight:750}
.simple-web-process{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-blue)}.simple-web-process-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(3rem,8vw,8rem);align-items:start}.simple-web-process h2{color:#fff}.simple-web-process-grid>div>p{max-width:650px;color:#eeeeF6}.simple-web-process ol{margin:0;padding:0;display:grid;list-style:none;border-top:1px solid rgba(255,255,255,.35)}.simple-web-process li{padding:1.5rem 0;display:grid;grid-template-columns:auto 1fr;gap:1rem;border-bottom:1px solid rgba(255,255,255,.35)}.simple-web-process li>span{width:45px;height:45px;display:grid;place-items:center;color:var(--sf-ink);background:var(--sf-yellow);border-radius:13px}.simple-web-process h3{margin:0 0 .5rem;color:#fff;font-size:1.45rem}.simple-web-process li p{margin:0;color:#d6d5e3;font-size:.75rem}.simple-web-process .button-primary{margin-top:1.2rem;color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}
.simple-web-growth{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.simple-web-growth-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,7vw,7rem);align-items:center}.simple-web-growth p{max-width:650px;color:#50504a}.simple-web-growth-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.6rem;align-items:center}.simple-web-growth-path article{min-height:240px;padding:1.2rem;display:flex;flex-direction:column;background:var(--sf-paper);border:2px solid var(--sf-ink);border-radius:20px}.simple-web-growth-path article:nth-of-type(2){background:var(--sf-mint)}.simple-web-growth-path article:nth-of-type(3){color:#fff;background:var(--sf-blue)}.simple-web-growth-path article>span{font-size:.53rem;font-weight:950;letter-spacing:.1em}.simple-web-growth-path strong{margin:auto 0 .7rem;font-size:1.35rem;line-height:1}.simple-web-growth-path small{font-size:.58rem;font-weight:750;line-height:1.4}.simple-web-growth-path>svg{flex:0 0 auto}
.simple-web-faq{background:var(--sf-paper)}.simple-web-final{padding:clamp(6rem,10vw,9rem) 0;color:#fff;background:var(--sf-ink)}.simple-web-final>.site-container{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,7vw,7rem);align-items:end}.simple-web-final h2{color:#fff}.simple-web-final p{margin:0 0 1.5rem;color:#c4c4bd;font-size:1rem}.simple-web-final .button-primary{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}
html[data-theme="dark"] .simple-web-page,html[data-theme="dark"] .simple-web-intro,html[data-theme="dark"] .simple-web-growth{color:#fff;background:#1b1b19}html[data-theme="dark"] .simple-web-intro h2,html[data-theme="dark"] .simple-web-growth h2{color:#fff}html[data-theme="dark"] .simple-web-intro-grid>div:nth-child(2) p,html[data-theme="dark"] .simple-web-growth p{color:#c4c4bd}html[data-theme="dark"] .simple-web-audience-grid{border-color:#ededE7}html[data-theme="dark"] .simple-web-audience-grid article{border-color:#ededE7}html[data-theme="dark"] .simple-web-audience-grid p{color:#c4c4bd}html[data-theme="dark"] .simple-web-scope,html[data-theme="dark"] .simple-web-faq{color:#fff;background:#11110f}html[data-theme="dark"] .simple-web-scope .simple-web-section-head>p{color:#c4c4bd}html[data-theme="dark"] .simple-web-scope-grid article,html[data-theme="dark"] .simple-web-scope-grid article h3{color:var(--sf-ink)}html[data-theme="dark"] .simple-web-growth-path article:first-of-type{color:var(--sf-ink)}html[data-theme="dark"] .simple-web-anchor{background:#11110f}
@media(max-width:1100px){.simple-web-hero-grid,.simple-web-intro-grid,.simple-web-example-grid,.simple-web-process-grid,.simple-web-growth-grid{grid-template-columns:1fr}.simple-web-offer-board{max-width:760px}.simple-web-audience-grid{grid-column:1}.simple-web-feature-grid{grid-template-columns:1fr 1fr}.simple-web-example-monitor{max-width:900px}.simple-web-scope-grid{grid-template-columns:1fr 1fr}.simple-web-scope-grid .is-business{grid-column:1/-1}.simple-web-final>.site-container{grid-template-columns:1fr}.simple-web-growth-path{max-width:900px}}
@media(max-width:720px){.simple-web-hero{padding-top:3.5rem;border-radius:0 0 28px 28px}.simple-web-hero-copy h1{font-size:clamp(3.5rem,15vw,5.2rem)}.simple-web-hero-actions{align-items:flex-start;flex-direction:column}.simple-web-offer-board{border-radius:22px;box-shadow:7px 8px 0 var(--sf-yellow)}.simple-web-offer-board>header{grid-template-columns:1fr 1fr}.simple-web-offer-board>header strong{display:none}.simple-web-offer-board ul{grid-template-columns:1fr}.simple-web-offer-board>footer{flex-wrap:wrap}.simple-web-intro h2,.simple-web-section-head h2,.simple-web-example-copy h2,.simple-web-process h2,.simple-web-growth h2,.simple-web-final h2{font-size:clamp(2.8rem,13vw,4.5rem)}.simple-web-audience-grid,.simple-web-feature-grid,.simple-web-scope-grid{grid-template-columns:1fr}.simple-web-audience-grid article{min-height:260px}.simple-web-feature-grid article{min-height:260px}.simple-web-example-monitor{border-radius:17px;box-shadow:7px 8px 0 var(--sf-blue)}.simple-web-example-copy>div{align-items:flex-start;flex-direction:column}.simple-web-growth-path{grid-template-columns:1fr}.simple-web-growth-path>svg{justify-self:center;transform:rotate(90deg)}.simple-web-growth-path article{min-height:190px}.simple-web-final>.site-container{align-items:start}}

.simple-web-feature-grid h3{color:inherit}.simple-web-example,.simple-web-example h2{color:var(--sf-ink)}.simple-web-example .button-primary{color:#fff;background:var(--sf-ink);border-color:var(--sf-ink)}.simple-web-example .button-primary:hover{color:var(--sf-ink);background:#fff;border-color:var(--sf-ink)}

/* Optional visual/function add-ons and a clear line between the campaign format and a full onepager. */
.simple-web-addons{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}
.simple-web-addons-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(3rem,8vw,8rem);align-items:center}
.simple-web-addons h2{max-width:850px;margin:.8rem 0 0;color:#fff;font-size:clamp(3.1rem,5.8vw,6.3rem);line-height:.89;letter-spacing:-.067em}
.simple-web-addons-grid>div>p{max-width:720px;margin:1.5rem 0 0;color:#c8c8c1;font-size:1rem}
.simple-web-addon-card{overflow:hidden;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:25px;box-shadow:12px 14px 0 var(--sf-yellow);transform:rotate(1deg)}
.simple-web-addon-card>header{min-height:58px;padding:0 1rem;display:flex;align-items:center;gap:.65rem;border-bottom:2px solid var(--sf-ink);font-size:.58rem;letter-spacing:.08em}
.simple-web-addon-card>header span{width:34px;height:34px;display:grid;place-items:center;background:var(--sf-mint);border:2px solid var(--sf-ink);border-radius:10px}
.simple-web-addon-card>div{padding:clamp(1.5rem,3vw,2.4rem);display:grid;grid-template-columns:1fr auto;align-items:end;background:linear-gradient(145deg,#fff 0 66%,#f3f1e9 66%)}
.simple-web-addon-card>div small{grid-column:1/-1;font-size:.56rem;font-weight:950;letter-spacing:.11em}
.simple-web-addon-card>div>strong{margin-top:2.2rem;font-size:clamp(3.4rem,6vw,6.3rem);line-height:.8;letter-spacing:-.075em}
.simple-web-addon-card>div>span{padding-bottom:.35rem;font-size:.56rem;font-weight:900}
.simple-web-addon-card>div p{grid-column:1/-1;max-width:480px;margin:1.7rem 0 0;color:#484843;font-size:.75rem}
.simple-web-addon-card>footer{padding:1rem 1.2rem;color:#fff;background:var(--sf-blue);font-size:.62rem;font-weight:800;line-height:1.45}
.simple-web-scope-grid article>small{margin-top:1.5rem;display:block;font-size:.56rem;font-weight:950;letter-spacing:.08em}
.simple-web-scope-grid article>small+h3{margin-top:.65rem}
html[data-theme="dark"] .simple-web-addon-card,html[data-theme="dark"] .simple-web-addon-card p{color:var(--sf-ink)}
@media(max-width:1100px){.simple-web-addons-grid{grid-template-columns:1fr}.simple-web-addon-card{max-width:700px}}
@media(max-width:720px){.simple-web-addons h2{font-size:clamp(2.8rem,13vw,4.5rem)}.simple-web-addon-card{border-radius:19px;box-shadow:7px 8px 0 var(--sf-yellow)}.simple-web-addon-card>div{grid-template-columns:1fr}.simple-web-addon-card>div>strong{font-size:clamp(3.6rem,18vw,5.7rem)}.simple-web-addon-card>div>span{padding:0}}

/* The campaign page uses intentional light cards inside both colour modes. */
.simple-web-offer-board :is(h2,h3,p,li,strong,small,span),
.simple-web-example :is(h2,h3,p,li,.eyebrow),
.simple-web-example-monitor,
.simple-web-addon-card,
.simple-web-scope-grid article,
.simple-web-scope-grid article :is(h3,p,li,small),
.simple-web-growth-path article:nth-of-type(1),
.simple-web-growth-path article:nth-of-type(2) {color:var(--sf-ink)}
.simple-web-offer-board>footer span{color:#fff}
.simple-web-example .eyebrow::before{background:var(--sf-blue)}

html[data-theme="dark"] .simple-web-hero,
html[data-theme="dark"] .simple-web-process{background:#4056c8}
html[data-theme="dark"] .simple-web-example,
html[data-theme="dark"] .simple-web-example :is(h2,h3,p,li,.eyebrow){color:var(--sf-ink)}
html[data-theme="dark"] .simple-web-example{background:var(--sf-yellow)}
html[data-theme="dark"] .simple-web-example .eyebrow::before{background:var(--sf-blue)}
html[data-theme="dark"] .simple-web-example-monitor>header strong{color:#fff}
html[data-theme="dark"] .simple-web-scope-grid article,
html[data-theme="dark"] .simple-web-scope-grid article :is(h3,p,li,small){color:var(--sf-ink)}
html[data-theme="dark"] .simple-web-growth-path article:nth-of-type(1),
html[data-theme="dark"] .simple-web-growth-path article:nth-of-type(2),
html[data-theme="dark"] .simple-web-growth-path article:nth-of-type(1) :is(strong,small,span),
html[data-theme="dark"] .simple-web-growth-path article:nth-of-type(2) :is(strong,small,span){color:var(--sf-ink)}
html[data-theme="dark"] .simple-web-growth-path article:nth-of-type(3){color:#fff;background:#4056c8}
html[data-theme="dark"] .simple-web-faq :is(.eyebrow,h2){color:#fff}
html[data-theme="dark"] .simple-web-faq .eyebrow::before{background:var(--sf-yellow)}

@media(max-width:720px){
	.simple-web-scope-grid .is-business{grid-column:auto}
	.simple-web-hero,.simple-web-example-monitor,.simple-web-addon-card,.simple-web-offer-board{transform:none}
	.simple-web-hero-copy h1{font-size:clamp(3.15rem,14.2vw,5rem)}
	.simple-web-scope-grid h3{font-size:clamp(2rem,10vw,3rem)}
}