:root {
    --g: #16bd68;
    --g2: #0aa85a;
    --dark: #03171a;
    --ink: #07131b;
    --muted: #66737b;
    --line: #e2e9eb;
    --soft: #f4faf7
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: var(--ink);
    line-height: 1.45;
    background: white
}

a {
    text-decoration: none;
    color: inherit
}

.wrap {
    width: min(1260px, calc(100% - 48px));
    margin: auto
}

.header {
    height: 70px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid #edf1f2
}

.nav {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.brand {
    display: flex;
    gap: 10px;
    align-items: center
}

.brandmark {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #07131b;
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900
}

.brand b {
    font-size: 15px;
    display: block;
    line-height: 1
}

.brand small {
    display: block;
    font-size: 10px;
    color: #66737b;
    margin-top: 4px
}

.nav nav,
.header nav {
    display: flex;
    align-items: center;
    gap: 27px;
    font-size: 13px;
    font-weight: 650
}

.nav nav a:hover {
    color: var(--g2)
}

.nav nav .active {
    background: #effaf4;
    border-radius: 999px;
    padding: 8px 13px;
    color: #079e55
}

.topbtn,
.greenbtn {
    background: var(--g);
    color: #fff;
    border-radius: 11px;
    padding: 12px 18px;
    font-weight: 850;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 9px 22px rgba(22, 189, 104, .18)
}

.topbtn:hover,
.greenbtn:hover {
    background: var(--g2);
    transform: translateY(-1px)
}

.hero {
    background: radial-gradient(ellipse at 75% 45%, rgba(11, 130, 81, .42), transparent 33%), radial-gradient(ellipse at 25% 20%, rgba(20, 120, 70, .22), transparent 32%), linear-gradient(120deg, #031215, #06201d 55%, #04151a);
    color: #fff;
    overflow: hidden
}

.hero-grid {
    min-height: 490px;
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    align-items: center;
    gap: 30px
}

.hero-copy {
    padding: 52px 0 48px
}

.pill {
    display: inline-flex;
    align-items: center;
    background: #073e2b;
    border: 1px solid rgba(22, 189, 104, .35);
    color: #5be398;
    border-radius: 999px;
    padding: 5px 11px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em
}

.pill.light {
    background: #ecfff5;
    color: #0aa85a;
    border: 0
}

.hero h1 {
    font-size: 56px;
    line-height: .98;
    letter-spacing: -.055em;
    margin: 15px 0 14px
}

.hero h1 em,
.title-row h2 em,
.seo-copy h2 em,
.pricebox h2 em {
    color: var(--g);
    font-style: normal
}

.hero-copy>p {
    font-size: 16px;
    color: #d5e0e1;
    max-width: 450px
}

.actions {
    display: flex;
    gap: 10px;
    margin: 18px 0 14px;
    flex-wrap: wrap
}

.outlinebtn {
    border: 1px solid rgba(255, 255, 255, .55);
    color: #fff;
    border-radius: 11px;
    padding: 12px 18px;
    font-weight: 800;
    display: inline-flex;
    align-items: center
}

.outlinebtn:not(.white) {
    background: transparent
}

.outlinebtn.white {
    border-color: #fff
}

.checks {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 11px;
    color: #c5d4d4
}

.checks span: first-letter {
    color: var(--g)
}

.hero-art {
    position: relative;
    align-self: end
}

.hero-art img {
    width: 100%;
    filter: drop-shadow(0 28px 30px rgba(0, 0, 0, .42));
    margin-bottom: -3px
}

.scribble {
    position: absolute;
    right: 2%;
    top: 10px;
    color: #49e08f;
    font-weight: 800;
    font-style: italic;
    font-size: 14px;
    line-height: 1.05;
    transform: rotate(-3deg)
}

.scribble b {
    font-size: 32px
}

.trust {
    background: #fff;
    border-bottom: 1px solid #e7eeee
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 16px 0
}

.trust-grid>div {
    display: grid;
    grid-template-columns: 48px 1fr;
    column-gap: 10px;
    align-items: center;
    border-right: 1px solid #e6eeee;
    padding: 4px 24px
}

.trust-grid>div:last-child {
    border: 0
}

.trust i {
    grid-row: span 2
}

.trust-grid i {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #e8fbf1;
    color: #0aac5b;
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 20px
}

.trust-grid strong {
    font-size: 13px
}

.trust-grid small {
    font-size: 11px;
    color: var(--muted)
}

section {
    padding: 45px 0
}

.title-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    margin-bottom: 23px
}

.title-row h2 {
    font-size: 29px;
    line-height: 1;
    margin: 0;
    letter-spacing: -.04em
}

.title-row p {
    font-size: 12px;
    color: var(--muted);
    margin: 6px 0 0
}

.smallbtn {
    border: 1px solid var(--line);
    border-radius: 9px;
    padding: 9px 13px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap
}

.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.card {
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(7, 19, 27, .05);
    transition: .2s;
    background: #fff
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(7, 19, 27, .10)
}

.pic {
    height: 172px;
    position: relative;
    overflow: hidden;
    background: #eef2f2
}

.pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.badge {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    border-radius: 999px;
    padding: 6px 9px;
    background: #11b765;
    color: #fff;
    font-size: 10px;
    font-weight: 900
}

.badge.red {
    background: #e72245
}

.cardbody {
    padding: 12px 14px 14px
}

.cardbody h3 {
    font-size: 14px;
    margin: 0 0 5px
}

.cardbody p {
    font-size: 11px;
    color: var(--muted);
    margin: 0 0 10px
}

.cardbody b {
    color: #09a75a;
    font-size: 11px
}

.services {
    background: #f5faf8
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px
}

.service-grid a {
    background: #fff;
    border: 1px solid #e4ebed;
    border-radius: 8px;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    font-size: 11px
}

.service-grid i {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #eef7ff;
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 18px
}

.service-grid a:nth-child(2) i {
    background: #fff0f2
}

.service-grid a:nth-child(3) i {
    background: #fff0ed
}

.service-grid a:nth-child(4) i {
    background: #f1f2f3
}

.service-grid a:nth-child(5) i {
    background: #eef9f1
}

.service-grid a:nth-child(6) i {
    background: #f5efff
}

.seo {
    padding: 0
}

.seo-grid {
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    min-height: 315px
}

.seo-art {
    background: #03171a;
    overflow: hidden
}

.seo-art img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.seo-copy {
    padding: 32px 40px;
    background: #fff
}

.seo-copy h2 {
    font-size: 30px;
    line-height: 1.02;
    margin: 8px 0 12px;
    letter-spacing: -.04em
}

.seo-copy p {
    font-size: 12px;
    color: var(--muted);
    max-width: 490px
}

.seo-copy ul {
    padding: 0;
    list-style: none;
    font-size: 11px
}

.seo-copy li {
    margin: 6px 0
}

.seo-copy li:before {
    content: "✓";
    color: var(--g2);
    font-weight: 900;
    margin-right: 7px
}

.testimonial {
    padding: 22px 0;
    background: linear-gradient(110deg, #031519, #082624);
    color: #fff
}

.test-inner {
    display: grid;
    grid-template-columns: 90px 1fr 220px;
    align-items: center;
    gap: 20px
}

.wheel {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: radial-gradient(circle, #222 0 35%, #888 36% 48%, #1a1a1a 49% 100%)
}

.test-inner p {
    font-size: 15px;
    max-width: 610px;
    margin: 0 0 4px
}

.test-inner small {
    font-size: 10px;
    color: #a9bfc0
}

.stars {
    font-size: 18px;
    color: #ffd62e;
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding-left: 25px
}

.stars small {
    display: block;
    color: #fff;
    margin-top: 3px
}

.pricing {
    background: #f8fffb
}

.pricebox {
    background: linear-gradient(110deg, #effcf5, #f8fffb);
    border: 1px solid #e0f0e7;
    border-radius: 14px;
    padding: 20px 24px;
    display: grid;
    grid-template-columns: 1.3fr 1fr .65fr;
    gap: 20px;
    align-items: center
}

.pricebox h2 {
    font-size: 28px;
    line-height: 1;
    margin: 8px 0 4px;
    letter-spacing: -.04em
}

.pricebox p {
    font-size: 11px;
    color: var(--muted);
    margin: 0
}

.pricebox ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px
}

.pricebox li {
    margin: 5px 0
}

.pricebox li:first-letter {
    color: var(--g)
}

.money {
    border-left: 1px solid #dcece4;
    padding-left: 18px
}



:root{--g:#16bd68;--g2:#0aa85a;--dark:#03171a;--ink:#07131b;--muted:#66737b;--line:#e2e9eb;--soft:#f4faf7}

\*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.45;background:white}a{text-decoration:none;color:inherit}.wrap{width:min(1260px,calc(100% - 48px));margin:auto}

.header{height:70px;background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #edf1f2}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brandmark{width:38px;height:38px;border-radius:10px;background:#07131b;color:#fff;display:grid;place-items:center;font-weight:900}.brand b{font-size:15px;display:block;line-height:1}.brand small{display:block;font-size:10px;color:#66737b;margin-top:4px}.nav nav,.header nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:650}.nav nav a:hover{color:var(--g2)}.nav nav .active{background:#effaf4;border-radius:999px;padding:8px 13px;color:#079e55}.topbtn,.greenbtn{background:var(--g);color:#fff;border-radius:11px;padding:12px 18px;font-weight:850;display:inline-flex;align-items:center;gap:8px;box-shadow:0 9px 22px rgba(22,189,104,.18)}.topbtn:hover,.greenbtn:hover{background:var(--g2);transform:translateY(-1px)}

.hero{background:radial-gradient(ellipse at 75% 45%,rgba(11,130,81,.42),transparent 33%),radial-gradient(ellipse at 25% 20%,rgba(20,120,70,.22),transparent 32%),linear-gradient(120deg,#031215,#06201d 55%,#04151a);color:#fff;overflow:hidden}.hero-grid{min-height:490px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:30px}.hero-copy{padding:52px 0 48px}.pill{display:inline-flex;align-items:center;background:#073e2b;border:1px solid rgba(22,189,104,.35);color:#5be398;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:900;letter-spacing:.04em}.pill.light{background:#ecfff5;color:#0aa85a;border:0}.hero h1{font-size:56px;line-height:.98;letter-spacing:-.055em;margin:15px 0 14px}.hero h1 em,.title-row h2 em,.seo-copy h2 em,.pricebox h2 em{color:var(--g);font-style:normal}.hero-copy>p{font-size:16px;color:#d5e0e1;max-width:450px}.actions{display:flex;gap:10px;margin:18px 0 14px;flex-wrap:wrap}.outlinebtn{border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:11px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center}.outlinebtn:not(.white){background:transparent}.outlinebtn.white{border-color:#fff}.checks{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#c5d4d4}.checks span::first-letter{color:var(--g)}.hero-art{position:relative;align-self:end}.hero-art img{width:100%;filter:drop-shadow(0 28px 30px rgba(0,0,0,.42));margin-bottom:-3px}.scribble{position:absolute;right:2%;top:10px;color:#49e08f;font-weight:800;font-style:italic;font-size:14px;line-height:1.05;transform:rotate(-3deg)}.scribble b{font-size:32px}

.trust{background:#fff;border-bottom:1px solid #e7eeee}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 0}.trust-grid>div{display:grid;grid-template-columns:48px 1fr;column-gap:10px;align-items:center;border-right:1px solid #e6eeee;padding:4px 24px}.trust-grid>div:last-child{border:0}.trust i{grid-row:span 2}.trust-grid i{width:43px;height:43px;border-radius:50%;background:#e8fbf1;color:#0aac5b;display:grid;place-items:center;font-style:normal;font-size:20px}.trust-grid strong{font-size:13px}.trust-grid small{font-size:11px;color:var(--muted)}

section{padding:45px 0}.title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.title-row h2{font-size:29px;line-height:1;margin:0;letter-spacing:-.04em}.title-row p{font-size:12px;color:var(--muted);margin:6px 0 0}.smallbtn{border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-size:11px;font-weight:800;white-space:nowrap}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(7,19,27,.05);transition:.2s;background:#fff}.card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(7,19,27,.10)}.pic{height:172px;position:relative;overflow:hidden;background:#eef2f2}.pic img{width:100%;height:100%;object-fit:cover;object-position:top}.badge{position:absolute;z-index:2;top:12px;left:12px;border-radius:999px;padding:6px 9px;background:#11b765;color:#fff;font-size:10px;font-weight:900}.badge.red{background:#e72245}.cardbody{padding:12px 14px 14px}.cardbody h3{font-size:14px;margin:0 0 5px}.cardbody p{font-size:11px;color:var(--muted);margin:0 0 10px}.cardbody b{color:#09a75a;font-size:11px}

.services{background:#f5faf8}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-grid a{background:#fff;border:1px solid #e4ebed;border-radius:8px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;font-size:11px}.service-grid i{width:34px;height:34px;border-radius:50%;background:#eef7ff;display:grid;place-items:center;font-style:normal;font-size:18px}.service-grid a:nth-child(2) i{background:#fff0f2}.service-grid a:nth-child(3) i{background:#fff0ed}.service-grid a:nth-child(4) i{background:#f1f2f3}.service-grid a:nth-child(5) i{background:#eef9f1}.service-grid a:nth-child(6) i{background:#f5efff}

.seo{padding:0}.seo-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:315px}.seo-art{background:#03171a;overflow:hidden}.seo-art img{width:100%;height:100%;object-fit:cover}.seo-copy{padding:32px 40px;background:#fff}.seo-copy h2{font-size:30px;line-height:1.02;margin:8px 0 12px;letter-spacing:-.04em}.seo-copy p{font-size:12px;color:var(--muted);max-width:490px}.seo-copy ul{padding:0;list-style:none;font-size:11px}.seo-copy li{margin:6px 0}.seo-copy li:before{content:"✓";color:var(--g2);font-weight:900;margin-right:7px}

.testimonial{padding:22px 0;background:linear-gradient(110deg,#031519,#082624);color:#fff}.test-inner{display:grid;grid-template-columns:90px 1fr 220px;align-items:center;gap:20px}.wheel{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#222 0 35%,#888 36% 48%,#1a1a1a 49% 100%)}.test-inner p{font-size:15px;max-width:610px;margin:0 0 4px}.test-inner small{font-size:10px;color:#a9bfc0}.stars{font-size:18px;color:#ffd62e;border-left:1px solid rgba(255,255,255,.2);padding-left:25px}.stars small{display:block;color:#fff;margin-top:3px}

.pricing{width:100%;background:#f8fffb;color:var(--ink);padding:85px 0;overflow:hidden}
.pricing *,.pricing *::before,.pricing *::after{box-sizing:border-box}
.pricing-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.pricing-head{max-width:700px;margin:0 auto 48px;text-align:center}
.pricing-head>span{display:inline-block;color:#0aa85a;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.pricing-head h2{font-size:clamp(38px,5vw,64px);line-height:.95;letter-spacing:-.055em;margin:13px 0;color:#07131b}
.pricing-head h2 em{font-style:normal;color:#8a958e}
.pricing-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}

.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pricing .price-card{position:relative;min-width:0;background:#fff;border:1px solid #dfe8e3;border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(7,19,27,.06);display:flex;flex-direction:column}
.pricing .price-card.featured{border:2px solid #19bd68;box-shadow:0 20px 50px rgba(22,189,104,.14);transform:translateY(-8px);z-index:2}
.pricing .price-card.featured>label{position:absolute;top:-13px;left:22px;background:#19bd68;color:#fff;border-radius:999px;padding:7px 12px;font-size:9px;line-height:1;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.pricing .price-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 27px}
.pricing .price-meta b{font-size:11px;color:#9aa59f}
.pricing .price-meta small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#87928c}
.pricing .price-card h3{font-size:27px;line-height:1.05;letter-spacing:-.04em;margin:0 0 10px;color:#07131b}
.pricing .price-card .desc{font-size:13px;line-height:1.55;color:var(--muted);margin:0;min-height:61px}
.pricing .price-card .price{font-size:44px;line-height:1;font-weight:900;letter-spacing:-.055em;color:#07131b;margin:24px 0 20px}
.pricing .price-card .price small{display:block;font-size:10px;line-height:1.3;font-weight:400;letter-spacing:0;color:#8a958e;margin-top:5px}
.pricing .price-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:13px 14px;border-radius:11px;text-align:center;font-size:12px;line-height:1.2;font-weight:900;text-decoration:none;transition:.2s ease}
.pricing .price-btn:hover{transform:translateY(-2px)}
.pricing .price-btn.light{background:#eef3f0;color:#07131b}
.pricing .price-btn.light:hover{background:#e3ebe6}
.pricing .price-btn.green{background:#19bd68;color:#fff}
.pricing .price-btn.green:hover{background:#0aa85a}
.pricing .price-card hr{width:100%;height:1px;border:0;border-top:1px solid #e1e8e4;margin:23px 0 18px}
.pricing .price-card ul{list-style:none!important;margin:0;padding:0;display:grid;gap:9px}
.pricing .price-card li{position:relative;list-style:none!important;margin:0;padding-left:19px;color:#5e6963;font-size:12px;line-height:1.4}
.pricing .price-card li::before{content:"✓";position:absolute;left:0;top:0;color:#19bd68;font-weight:900}
.pricing .price-card.featured li:first-child{font-weight:800;color:#0a9850}

.pricing-help{margin:20px 0 0;padding:19px 22px;background:#fff;border:1px solid #dfe8e3;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.pricing-help strong{display:block;font-size:13px;line-height:1.3;margin-bottom:3px}
.pricing-help span{font-size:12px;color:var(--muted)}
.pricing-help a{color:#0aa85a;font-size:12px;font-weight:900;white-space:nowrap}

@media(max-width:950px){
.pricing{padding:70px 0}
.pricing-grid{grid-template-columns:1fr 1fr}
.pricing .price-card.featured{transform:none}
.pricing .price-card:last-child{grid-column:1/-1}
}
@media(max-width:650px){
.pricing{padding:60px 0}
.pricing-wrap{width:calc(100% - 28px)}
.pricing-head{margin-bottom:40px}
.pricing-head h2{font-size:clamp(36px,11vw,52px)}
.pricing-head p{font-size:13px}
.pricing-grid{grid-template-columns:1fr;gap:18px}
.pricing .price-card{padding:24px;border-radius:20px}
.pricing .price-card.featured{order:-1;transform:none}
.pricing .price-card:last-child{grid-column:auto}
.pricing .price-card .desc{min-height:auto}
.pricing-help{display:block;padding:18px}
.pricing-help a{display:inline-block;margin-top:13px;white-space:normal}
}
@media(max-width:400px){
.pricing{padding:52px 0}
.pricing .price-card{padding:21px}
.pricing .price-card h3{font-size:25px}
.pricing .price-card .price{font-size:40px}
}

.faq{background:#fff}.center{justify-content:center;text-align:center}.center .smallbtn{position:relative;margin-left:auto}.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.faqgrid details{border-bottom:1px solid #dfe7e8;padding:9px 10px}.faqgrid summary{font-size:11px;font-weight:700;list-style:none;display:flex;justify-content:space-between;cursor:pointer}.faqgrid summary::-webkit-details-marker{display:none}.faqgrid summary b{font-size:16px}.faqgrid p{font-size:11px;color:var(--muted);margin:7px 0}

.finalcta{padding:18px 0 22px}.finalcta>.wrap{background:linear-gradient(110deg,#031619,#082825);color:#fff;border-radius:14px;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px}.finalcta h2{font-size:24px;margin:0}.finalcta p{margin:3px 0 0;color:#c3d0d1;font-size:12px}.finalcta .outlinebtn{margin-left:8px;padding:10px 14px;font-size:11px}.micro{font-size:9px;color:#9db2b3;margin-top:8px;text-align:center}

footer{padding:12px 0 20px;background:#fff}.foot{display:grid;grid-template-columns:1fr 1.4fr .5fr 1.5fr;align-items:center;gap:20px}.foot nav{display:flex;justify-content:center;gap:18px;font-size:10px;font-weight:700}.social{text-align:center;font-weight:800}.foot>small{text-align:right;color:#77858b;font-size:9px}

.floatwa{position:fixed;left:13px;bottom:15px;z-index:200;display:flex;flex-direction:column;align-items:center;gap:7px}.floatwa a{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#15be68;color:#fff;font-size:26px;box-shadow:0 8px 22px rgba(0,0,0,.22);border:3px solid #fff}.floatwa span{background:#07131b;color:#fff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.18)}

@media(max-width:900px){.nav nav{gap:12px}.hero-grid{grid-template-columns:1fr}.hero-art{order:-1}.hero-copy{padding-top:30px}.hero h1{font-size:48px}.cards{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(3,1fr)}.seo-grid{grid-template-columns:1fr}.seo-art{min-height:260px}.pricebox{grid-template-columns:1fr 1fr}.money{border:0}.test-inner{grid-template-columns:70px 1fr}.stars{display:none}.faqgrid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.foot>small{text-align:center}.foot nav{flex-wrap:wrap}}

@media(max-width:650px){.wrap{width:calc(100% - 28px)}.header{height:64px}.nav nav{display:none}.hero h1{font-size:42px}.hero-grid{min-height:auto}.hero-art{margin-top:20px}.scribble{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{border:0;padding:8px 4px}.trust-grid strong{font-size:11px}.trust-grid small{font-size:9px}.service-grid{grid-template-columns:1fr 1fr}.title-row{display:block}.title-row .smallbtn{display:inline-flex;margin-top:10px}.pricebox{grid-template-columns:1fr}.money{padding-left:0}.finalcta>.wrap{display:block;padding:22px}.finalcta .greenbtn,.finalcta .outlinebtn{margin-top:14px}.floatwa{left:10px;bottom:10px}.cards .pic{height:205px}}


.money b {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e8faef;
    color: #0aa75a;
    display: grid;
    place-items: center;
    margin-bottom: 6px
}

.money strong {
    font-size: 12px;
    display: block;
    margin-bottom: 10px
}

.money .greenbtn {
    font-size: 10px;
    padding: 10px 12px
}

.faq {
    background: #fff
}

.center {
    justify-content: center;
    text-align: center
}

.center .smallbtn {
    position: relative;
    margin-left: auto
}

.faqgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 34px
}

.faqgrid details {
    border-bottom: 1px solid #dfe7e8;
    padding: 9px 10px
}

.faqgrid summary {
    font-size: 11px;
    font-weight: 700;
    list-style: none;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.faqgrid summary::-webkit-details-marker {
    display: none
}

.faqgrid summary b {
    font-size: 16px
}

.faqgrid p {
    font-size: 11px;
    color: var(--muted);
    margin: 7px 0
}

.finalcta {
    padding: 18px 0 22px
}

.finalcta>.wrap {
    background: linear-gradient(110deg, #031619, #082825);
    color: #fff;
    border-radius: 14px;
    padding: 22px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px
}

.finalcta h2 {
    font-size: 24px;
    margin: 0
}

.finalcta p {
    margin: 3px 0 0;
    color: #c3d0d1;
    font-size: 12px
}

.finalcta .outlinebtn {
    margin-left: 8px;
    padding: 10px 14px;
    font-size: 11px
}

.micro {
    font-size: 9px;
    color: #9db2b3;
    margin-top: 8px;
    text-align: center
}

footer {
    padding: 12px 0 20px;
    background: #fff
}

.foot {
    display: grid;
    grid-template-columns: 1fr 1.4fr .5fr 1.5fr;
    align-items: center;
    gap: 20px
}

.foot nav {
    display: flex;
    justify-content: center;
    gap: 18px;
    font-size: 10px;
    font-weight: 700
}

.social {
    text-align: center;
    font-weight: 800
}

.foot>small {
    text-align: right;
    color: #77858b;
    font-size: 9px
}

.floatwa {
    position: fixed;
    left: 13px;
    bottom: 15px;
    z-index: 200;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px
}

.floatwa a {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #15be68;
    color: #fff;
    font-size: 26px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
    border: 3px solid #fff
}

.floatwa span {
    background: #07131b;
    color: #fff;
    border-radius: 8px;
    padding: 6px 9px;
    font-size: 9px;
    font-weight: 800;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .18)
}

@media(max-width:900px) {
    .nav nav {
        gap: 12px
    }

    .hero-grid {
        grid-template-columns: 1fr
    }

    .hero-art {
        order: -1
    }

    .hero-copy {
        padding-top: 30px
    }

    .hero h1 {
        font-size: 48px
    }

    .cards {
        grid-template-columns: 1fr
    }

    .service-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .seo-grid {
        grid-template-columns: 1fr
    }

    .seo-art {
        min-height: 260px
    }

    .pricebox {
        grid-template-columns: 1fr 1fr
    }

    .money {
        border: 0
    }

    .test-inner {
        grid-template-columns: 70px 1fr
    }

    .stars {
        display: none
    }

    .faqgrid {
        grid-template-columns: 1fr
    }

    .foot {
        grid-template-columns: 1fr
    }

    .foot>small {
        text-align: center
    }

    .foot nav {
        flex-wrap: wrap
    }
}

@media(max-width:650px) {
    .wrap {
        width: calc(100% - 28px)
    }

    .header {
        height: 64px
    }

    .nav nav {
        display: none
    }

    .hero h1 {
        font-size: 42px
    }

    .hero-grid {
        min-height: auto
    }

    .hero-art {
        margin-top: 20px
    }

    .scribble {
        display: none
    }

    .trust-grid {
        grid-template-columns: 1fr 1fr
    }

    .trust-grid>div {
        border: 0;
        padding: 8px 4px
    }

    .trust-grid strong {
        font-size: 11px
    }

    .trust-grid small {
        font-size: 9px
    }

    .service-grid {
        grid-template-columns: 1fr 1fr
    }

    .title-row {
        display: block
    }

    .title-row .smallbtn {
        display: inline-flex;
        margin-top: 10px
    }

    .pricebox {
        grid-template-columns: 1fr
    }

    .money {
        padding-left: 0
    }

    .finalcta>.wrap {
        display: block;
        padding: 22px
    }

    .finalcta .greenbtn,
    .finalcta .outlinebtn {
        margin-top: 14px
    }

    .floatwa {
        left: 10px;
        bottom: 10px
    }

    .cards .pic {
        height: 205px
    }
}