* {box-sizing: border-box}
html {scroll-behavior: smooth}
body {margin: 0;font-family: 'IBM Plex Sans', sans-serif;background: #f8f6f2;color: #1c1b19;overflow-x: hidden}
h1,h2,h3,.brand {font-family: 'Space Grotesk', sans-serif}
a {text-decoration: none;color: inherit}
.accent {color: oklch(58% .14 275)}
.muted {color: oklch(48% .015 90)}
.wrap {max-width: 1180px;margin: 0 auto;padding-left: 56px;padding-right: 56px}
.fx {display: flex}
.ac {align-items: center}
.jc {justify-content: center}
.jb {justify-content: space-between}
.gap8 {gap: 8px}
.gap10 {gap: 10px}
.gap12 {gap: 12px}
.gap24 {gap: 24px}
.fw6 {font-weight: 600}
.fw7 {font-weight: 700}
.fs12 {font-size: 12px}
.fs20 {font-size: 20px}
.nav {position: fixed;top: 0;left: 0;right: 0;background: rgba(248, 246, 242, .9);backdrop-filter: blur(8px);z-index:
50;padding: 20px 0;border-bottom: 1px solid rgba(0, 0, 0, .08);transition: padding .2s ease}
.nav.scrolled {padding: 8px 0}
.nav-spacer {height: 81px}
.navlinks a {font-size: 14px;font-weight: 500}
.navlinks a:hover {color: oklch(58% .14 275)}
.nav-burger {display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width:
34px;height: 34px;flex-shrink: 0;border: 1px solid rgba(0, 0, 0, .12);border-radius: 8px;background: #fff;cursor:
pointer;padding: 0}
.nav-burger span {display: block;width: 16px;height: 2px;background: #1c1b19;transition: transform .2s ease, opacity
.2s ease}
.nav.menu-open .nav-burger span:nth-child(1) {transform: translateY(7px) rotate(45deg)}
.nav.menu-open .nav-burger span:nth-child(2) {opacity: 0}
.nav.menu-open .nav-burger span:nth-child(3) {transform: translateY(-7px) rotate(-45deg)}
.nav-mobile {display: none;flex-direction: column;position: absolute;top: 100%;left: 0;right: 0;background:
#f8f6f2;border-bottom: 1px solid rgba(0, 0, 0, .08);padding: 8px 24px 20px;gap: 2px;box-shadow: 0 16px 28px rgba(20,
20, 15, .1);z-index: 1}
.nav-mobile a {padding: 13px 4px;font-size: 15px;font-weight: 500;border-bottom: 1px solid rgba(0, 0, 0, .06)}
.nav-mobile a:hover {color: oklch(58% .14 275)}
.nav-mobile a.cta-btn {text-align: center;margin-top: 12px;border-bottom: none}
.nav.menu-open .nav-mobile {display: flex}
.cta-btn {background: #1c1b19;color: #fff;border-radius: 8px;padding: 11px 20px;font-size: 14px;font-weight:
600;display: inline-block;border: none;cursor: pointer;font-family: inherit}
.cta-btn:hover {background: oklch(58% .14 275)}
.cta-ghost {border: 1px solid rgba(0, 0, 0, .15);border-radius: 8px;padding: 11px 20px;font-size: 14px;font-weight:
600;display: inline-block}
.cta-ghost:hover {border-color: oklch(58% .14 275);color: oklch(58% .14 275)}
.hero {padding: 76px 0 0;text-align: center;position: relative}
.hero::before {content: "";position: absolute;inset: 0;z-index: 0;background-color: #f8f6f2;background-image:
linear-gradient(rgba(28, 27, 25, .075) 1px, transparent 1px), linear-gradient(90deg, rgba(28, 27, 25, .075) 1px,
transparent 1px), radial-gradient(rgba(28, 27, 25, .2) 1.2px, transparent 1.6px);background-size: 64px 64px, 64px 64px,
64px 64px;background-position: center top;mask-image: linear-gradient(to bottom, #000 0%, transparent 45%)}
.hero .wrap {position: relative;z-index: 1}
.hero-title {font-size: 56px;line-height: 1.06;font-weight: 600;letter-spacing: -0.02em;max-width: 760px;margin: 0 auto
20px}
.hero-sub {font-size: 17px;line-height: 1.6;max-width: 540px;margin: 0 auto 32px}
.hero-microcopy {font-size: 13px;font-weight: 500;letter-spacing: .01em}
.hero-crop {max-width: 1180px;margin: 0 auto;height: 480px;overflow: hidden;position: relative}
.stack-wrap {position: relative;padding-top: 44px}
.stack-wrap img {width: 100%;display: block;border-radius: 12px;border: 1px solid rgba(0, 0, 0, .08);background: #fff}
.stack-back2 {position: absolute;top: 0;left: 50%;width: 88%;opacity: 1;transform: translateX(-50%) scale(.94)}
.stack-back1 {position: absolute;top: 22px;left: 50%;width: 94%;opacity: 1;transform: translateX(-50%) scale(.97)}
.stack-front {position: relative;z-index: 2}
.section {padding: 96px 0;border-top: 1px solid rgba(28, 27, 25, .06);position: relative;overflow: hidden}
.section.alt {background: #fff}
.section.alt::after {content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background-image:
linear-gradient(rgba(28, 27, 25, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(28, 27, 25, .12) 1px,
transparent 1px);background-size: 64px 64px;background-position: center top;mask-image: radial-gradient(ellipse at
center, #000 0%, transparent 75%)}
.section:not(.alt)::after {content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background-image:
radial-gradient(rgba(28, 27, 25, .22) 1.3px, transparent 1.6px);background-size: 28px 28px;background-position: center
top;mask-image: radial-gradient(ellipse at center, #000 0%, transparent 75%)}
.section.no-grid:after {background-image: none;}
.section::before {content: "";position: absolute;width: 560px;height: 560px;border-radius: 50%;top: -200px;right:
-200px;background: radial-gradient(circle, rgba(88, 63, 208, .09), transparent 70%);pointer-events: none;z-index: 0}
.section.alt::before {top: auto;right: auto;bottom: -200px;left: -200px;background: radial-gradient(circle, rgba(214,
126, 58, .08), transparent 70%)}
.section>.wrap {position: relative;z-index: 1}
.section-hd {text-align: center;max-width: 620px;margin: 0 auto 48px}
.eyebrow-pill {display: inline-block;border: 1px solid rgba(0, 0, 0, .1);border-radius: 100px;padding: 5px
14px;font-size: 12px;font-weight: 600;color: oklch(58% .14 275);margin-bottom: 16px;background: #fff}
.section-title {font-size: 36px;font-weight: 600;letter-spacing: -.01em;margin: 0 0 14px}
.section-sub {font-size: 16px;line-height: 1.55;color: oklch(48% .015 90)}
.icn {width: 44px;height: 44px;border-radius: 12px;display: flex;align-items: center;justify-content: center;background:
oklch(93% .025 275);margin-bottom: 18px}
.icn-ring {width: 16px;height: 16px;border-radius: 50%;border: 2.5px solid oklch(50% .13 275)}
.icn-dot {width: 14px;height: 14px;border-radius: 50%;background: oklch(50% .13 275)}
.icn-square {width: 15px;height: 15px;border-radius: 4px;border: 2.5px solid oklch(50% .13 275)}
.icn-plus {position: relative;width: 16px;height: 16px}
.icn-plus::before,.icn-plus::after {content: "";position: absolute;background: oklch(50% .13 275);border-radius: 2px}
.icn-plus::before {width: 16px;height: 3px;top: 6.5px;left: 0}
.icn-plus::after {width: 3px;height: 16px;left: 6.5px;top: 0}
.grid6 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;background: rgba(0, 0, 0, .08);border: 1px solid
rgba(0, 0, 0, .08);border-radius: 14px;overflow: hidden}
.card6 {background: #fff;padding: 32px 28px}
.card6 h3 {font-size: 18px;font-weight: 600;margin: 0 0 8px}
.card6 p {font-size: 14px;line-height: 1.6;color: oklch(45% .015 90);margin: 0}
.sol-card {min-height: 210px;border-radius: 10px;border: 1px solid rgba(0, 0, 0, .06);box-shadow: 0 8px 20px rgba(20,
20, 15, .06);background: oklch(97% .012 290);padding: 16px 18px;display: flex;flex-direction: column;margin-bottom:
18px}
.sol-head {display: flex;align-items: center;gap: 8px;margin-bottom: 12px}
.sol-label {font-size: 11px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: oklch(50% .015 90)}
.sol-count {background: #fff;border: 1px solid rgba(0, 0, 0, .08);border-radius: 100px;padding: 2px 9px;font-size:
11.5px;font-weight: 700;color: #1c1b19}
.sol-quote {margin-left: auto;font-size: 24px;color: oklch(58% .14 275);line-height: .6;font-family: Georgia,
serif;font-weight: 700}
.sol-skills {display: grid;grid-template-columns: 1fr 1fr;gap: 8px}
.sol-chip {background: #fff;border: 1px solid rgba(0, 0, 0, .08);border-radius: 8px;padding: 8px 10px;display:
flex;flex-direction: column;gap: 5px;font-size: 11.5px;font-weight: 600}
.sol-chip span.sol-chip-label {line-height: 1.25}
.sol-dots {display: flex;gap: 3px}
.sol-dot {width: 5px;height: 5px;border-radius: 50%;background: rgba(0, 0, 0, .12)}
.sol-dot.on {background: oklch(58% .14 275)}
.sol-text {font-size: 12.5px;line-height: 1.6;color: oklch(38% .015 90);overflow: hidden;display:
-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical}
.sol-logi {display: flex;flex-direction: column;gap: 8px;justify-content: center;flex: 1}
.sol-logi-row {display: flex;align-items: center;justify-content: space-between;background: #fff;border: 1px solid
rgba(0, 0, 0, .08);border-radius: 8px;padding: 8px 12px}
.sol-logi-label {font-size: 12px;font-weight: 600;color: oklch(38% .015 90)}
.sol-logi-val {display: flex;align-items: center;gap: 6px;font-size: 11.5px;font-weight: 600;color: oklch(45% .015 90)}
.sol-check {width: 15px;height: 15px;border-radius: 50%;display: inline-flex;align-items: center;justify-content:
center;font-size: 9px;font-weight: 700;background: oklch(94% .04 145);color: oklch(38% .1 150)}
.sol-check.no {background: oklch(94% .05 25);color: oklch(50% .16 25)}
.sol-traits {display: flex;flex-direction: column;gap: 11px;justify-content: center;flex: 1}
.sol-trait {display: flex;align-items: center;gap: 10px}
.sol-trait-icon {width: 20px;height: 20px;border-radius: 6px;background: oklch(93% .025 275);flex-shrink: 0}
.sol-trait-name {font-size: 12.5px;font-weight: 600;width: 104px;flex-shrink: 0;white-space: nowrap;overflow:
hidden;text-overflow: ellipsis}
.sol-trait-track {flex: 1;height: 6px;border-radius: 100px;background: rgba(0, 0, 0, .07);overflow: hidden}
.sol-trait-fill {display: block;height: 100%;border-radius: 100px;background: linear-gradient(90deg, oklch(72% .09 275),
oklch(50% .16 275))}
.bento {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 20px}
.bpanel {background: #fff;border: 1px solid rgba(0, 0, 0, .08);border-radius: 16px;padding: 28px;box-shadow: 0 20px 44px
rgba(20, 20, 15, .09)}
.bpanel h3 {font-size: 17px;font-weight: 600;margin: 14px 0 6px}
.bpanel p {font-size: 13.5px;line-height: 1.55;color: oklch(45% .015 90);margin: 0}
.ks-card {height: 380px;border-radius: 10px;border: 1px solid rgba(0, 0, 0, .06);box-shadow: 0 8px 20px rgba(20, 20, 15,
.06);background: #fff;padding: 16px 20px;display: flex;flex-direction: column;margin-bottom: 16px}
.ks-head {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 10px}
.ks-title {font-size: 15px;font-weight: 700}
.ks-sub {font-size: 11.5px;color: oklch(50% .015 90);margin-top: 1px}
.ks-flag {background: oklch(94% .05 25);color: oklch(50% .16 25);border-radius: 100px;padding: 4px 12px;font-size:
12px;font-weight: 600;white-space: nowrap}
.ks-rows {display: flex;flex-direction: column;gap: 6px;overflow: hidden;flex: 1;justify-content: center}
.ks-row {display: flex;justify-content: space-between;align-items: center;gap: 10px;border-radius: 9px;padding: 7px
12px;border-left: 3px solid transparent}
.ks-row.red {background: oklch(95% .025 25);border-left-color: oklch(65% .17 25)}
.ks-row.yellow {background: oklch(95% .035 90);border-left-color: oklch(75% .13 90)}
.ks-row-name {display: flex;align-items: center;gap: 6px;font-size: 12.5px;font-weight: 600;line-height: 1.2}
.ks-mark {font-size: 12px;font-weight: 700}
.red .ks-mark {color: oklch(55% .18 25)}
.yellow .ks-mark {color: oklch(65% .15 70)}
.ks-tag {font-size: 10px;font-weight: 700;letter-spacing: .02em;border-radius: 100px;padding: 2px 8px;text-transform:
uppercase}
.ks-tag.blue {background: oklch(93% .04 250);color: oklch(48% .15 250)}
.ks-tag.purple {background: oklch(93% .04 310);color: oklch(48% .15 310)}
.ks-tag.teal {background: oklch(93% .05 190);color: oklch(45% .13 190)}
.ks-row-desc {font-size: 11px;line-height: 1.3;color: oklch(48% .015 90);margin-top: 1px}
.ks-row-right {font-size: 11px;color: oklch(45% .015 90);white-space: nowrap;flex-shrink: 0}
.cp-card {height: 380px;border-radius: 10px;border: 1px solid rgba(0, 0, 0, .06);box-shadow: 0 8px 20px rgba(20, 20, 15,
.06);background: #fff;padding: 18px 20px;display: flex;flex-direction: column;gap: 14px;margin-bottom: 16px}
.cp-head {display: flex;justify-content: space-between;align-items: center}
.cp-head > .fx {min-width: 0}
.cp-avatar {width: 34px;height: 34px;border-radius: 8px;background: oklch(58% .1 190);color: #fff;font-size:
12px;font-weight: 700;flex-shrink: 0}
.cp-email {font-size: 13.5px;font-weight: 700;overflow-wrap: anywhere}
.cp-idline {font-size: 11.5px;color: oklch(50% .015 90);margin-top: 1px}
.cp-viewbtn {border: 1px solid rgba(0, 0, 0, .12);border-radius: 8px;padding: 6px 12px;font-size: 12px;font-weight:
600;white-space: nowrap;flex-shrink: 0}
.cp-box {border-radius: 10px;padding: 14px 16px}
.cp-box.green {background: oklch(96% .035 150)}
.cp-green-title {font-size: 14px;font-weight: 700;color: oklch(38% .1 150)}
.cp-green-sub {font-size: 12px;color: oklch(45% .05 150);margin-top: 2px}
.cp-box.amber {background: oklch(95% .035 90)}
.cp-amber-title {font-size: 14px;font-weight: 700;color: oklch(45% .15 70)}
.cp-amber-sub {font-size: 12px;color: oklch(48% .1 70);margin-top: 2px}
.cp-box.verdict {background: oklch(96% .035 150);flex: 1;display: flex;flex-direction: column;justify-content: center}
.cp-verdict-label {font-size: 10.5px;font-weight: 700;letter-spacing: .03em;color: oklch(48% .14 275);text-transform:
uppercase;margin-bottom: 6px}
.cp-verdict-text {font-size: 13px;line-height: 1.55;color: oklch(30% .015 90)}
.iq-head {font-size: 15px;font-weight: 700;display: flex;align-items: center;gap: 6px;margin-bottom: 14px}
.iq-info {width: 15px;height: 15px;border-radius: 50%;border: 1.5px solid rgba(0, 0, 0, .25);font-size: 10px;display:
flex;align-items: center;justify-content: center;color: rgba(0, 0, 0, .4)}
.iq-list {display: flex;flex-direction: column;gap: 10px}
.iq-item {background: oklch(97% .012 290);border-radius: 10px;padding: 14px 16px}
.iq-q {font-size: 13.5px;font-style: italic;font-weight: 600;line-height: 1.4;margin-bottom: 8px}
.iq-tagrow {display: flex;align-items: center;gap: 8px}
.iq-label {font-size: 12.5px;color: oklch(45% .015 90)}
.vc-head {display: flex;align-items: center;justify-content: space-between}
.vc-badge {font-size: 11px;font-weight: 600;color: oklch(48% .14 275);background: oklch(93% .04 275);padding: 4px
10px;border-radius: 100px;white-space: nowrap}
.vc-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 14px}
.vc-col-label {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .03em;color: oklch(50% .015
90);margin-bottom: 8px}
.vc-tag {display: inline-block;font-size: 12px;font-weight: 600;border-radius: 8px;padding: 6px 10px;margin: 0 6px 6px
0}
.vc-tag.good {background: oklch(94% .04 145);color: oklch(35% .1 145)}
.vc-tag.warn {background: oklch(95% .035 90);color: oklch(45% .1 70)}
.pilot-cta {display: inline-flex;flex-direction: column;align-items: center;gap: 8px}
.pilot-form {display: flex;align-items: center;gap: 8px}
.pilot-input {border: 1px solid rgba(0, 0, 0, .15);border-radius: 100px;padding: 12px 18px;font-size:
14.5px;font-family: inherit;min-width: 240px;background: #fff}
.pilot-input:focus {outline: none;border-color: oklch(58% .14 275)}
.pilot-err {font-size: 12.5px;color: oklch(55% .18 25)}
.pilot-success {display: flex;align-items: center;gap: 8px;font-size: 14.5px;font-weight: 600;color: oklch(38% .1
150);background: oklch(94% .04 145);border-radius: 100px;padding: 12px 20px}
.hidden {display: none !important}
.autorow {display: grid;grid-template-columns: 1fr 1fr;gap: 32px;align-items: center;border-radius: 20px;padding:
44px;margin-bottom: 24px}
.autorow.purple {background: oklch(95% .015 275)}
.autorow.peach {background: oklch(95% .02 60)}
.autorow h3 {font-size: 24px;font-weight: 600;margin: 0 0 12px;letter-spacing: -.01em}
.autorow p {font-size: 15px;line-height: 1.6;color: oklch(42% .015 90);margin: 0 0 20px}
.link-arrow {font-weight: 600;font-size: 14px;color: #1c1b19}
.link-arrow:hover {color: oklch(58% .14 275)}
.auto-card {background: #fff;border: 1px solid rgba(0, 0, 0, .07);border-radius: 14px;padding: 22px;box-shadow: 0 16px
34px rgba(20, 20, 15, .06)}
.steps3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 36px;text-align: center;max-width: 900px;margin: 0
auto}
.step-title {font-size: 18px;font-weight: 600;margin: 0 0 8px}
.step-body {font-size: 14px;line-height: 1.6;color: oklch(45% .015 90);margin: 0}
.grid-int {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px}
.int-card {background: #fff;border: 1px solid rgba(0, 0, 0, .08);border-radius: 14px;padding: 22px}
.int-card h4 {font-size: 15.5px;font-weight: 600;margin: 14px 0 4px}
.int-card p {font-size: 13px;line-height: 1.5;color: oklch(45% .015 90);margin: 0 0 16px}
.eyebrow-pill.problem {color: oklch(50% .16 25)}
.problem-icn {background: oklch(94% .05 25)}
.problem-icn .icn-ring,.problem-icn .icn-square {border-color: oklch(50% .16 25)}
.problem-icn .icn-dot {background: oklch(50% .16 25)}
.problem-icn .icn-plus::before,.problem-icn .icn-plus::after {background: oklch(50% .16 25)}
.problem-grid.four,.grid-int.four {grid-template-columns: repeat(4, 1fr)}
.problem-card.lead,.problem-card:hover {background: oklch(97% .025 25);border-color: oklch(80% .08 25);box-shadow: 0 12px 28px rgba(184, 60, 20, .12)}
.problem-grid .problem-card:first-child h4 {font-size: 17px}
.problem-card {transition: background .15s ease, border-color .15s ease, box-shadow .15s ease}
.info-tip {position: relative;display: inline-flex;margin-left: 4px;vertical-align: middle}
.info-tip-icon {width: 14px;height: 14px;border-radius: 50%;border: 1.5px solid rgba(0, 0, 0, .25);font-size: 9px;font-style: italic;font-weight: 700;display: flex;align-items: center;justify-content: center;color: rgba(0, 0, 0, .45);cursor: help}
.info-tip-text {position: absolute;bottom: 130%;left: 50%;transform: translateX(-50%);background: #1c1b19;color: #fff;font-size: 11px;line-height: 1.4;padding: 8px 10px;border-radius: 8px;width: 180px;text-align: center;opacity: 0;pointer-events: none;transition: opacity .15s ease;z-index: 5}
.info-tip:hover .info-tip-text {opacity: 1}
.problem-resolve {text-align: center;font-size: 18px;font-weight: 600;margin: 32px 0 0;font-family: 'Space Grotesk', sans-serif}
.cp-box.bullets {background: oklch(96% .035 150);flex: 1;display: flex;flex-direction: column;gap: 12px;justify-content: center}
.cp-bgroup-label {font-size: 11px;font-weight: 700;letter-spacing: .02em;margin-bottom: 6px;display: flex;align-items: center;gap: 6px}
.cp-bgroup-label.strength {color: oklch(38% .1 150)}
.cp-bgroup-label.concern {color: oklch(50% .16 25)}
.cp-bgroup-label.focus {color: oklch(48% .14 275)}
.cp-blist {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 3px}
.cp-blist li {font-size: 12.5px;line-height: 1.4;color: oklch(30% .015 90);padding-left: 13px;position: relative}
.cp-blist li::before {content: "•";position: absolute;left: 0;opacity: .5}
.steps5 {display: grid;grid-template-columns: repeat(5, 1fr);gap: 28px;text-align: center;max-width: 1180px;margin: 0 auto}
.builtfor-row {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}
.builtfor-tag {background: #fff;border: 1px solid rgba(0, 0, 0, .1);border-radius: 100px;padding: 10px 18px;font-size: 14px;font-weight: 600}
.trust-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px;max-width: 760px;margin: 0 auto}
.trust-item {background: oklch(96% .035 150);border: 1px solid rgba(0, 0, 0, .06);border-radius: 10px;padding: 14px 18px;font-size: 14px;font-weight: 600;color: oklch(38% .1 150)}
.price-urgency {font-size: 12.5px;font-weight: 600;color: oklch(88% .04 275);margin: -12px 0 18px}
.testi-row {display: flex;gap: 24px;justify-content: center;padding: 20px 0 8px}
.testi-card {background: #fff;border: 1px solid rgba(0, 0, 0, .08);border-radius: 16px;padding: 26px;width:
320px;box-shadow: 0 20px 44px rgba(20, 20, 15, .07)}
.testi-card.a {transform: rotate(-2.5deg)}
.testi-card.c {transform: rotate(2.5deg)}
.stars {color: oklch(70% .16 80);font-size: 14px;letter-spacing: 2px;margin: 10px 0 12px}
.testi-quote {font-size: 14.5px;line-height: 1.55;margin: 0 0 16px;color: #1c1b19}
.testi-name {font-size: 14px;font-weight: 600}
.testi-role {font-size: 12.5px;color: oklch(48% .015 90)}
.avatar {width: 36px;height: 36px;border-radius: 100px;background: oklch(93% .02 275);color: oklch(42% .11
275);font-size: 13px;font-weight: 600;flex-shrink: 0}
.pricing-solo {max-width: 460px;margin: 0 auto}
.pricing-solo .price-card.hi {transform: none}
.pricing-solo .price-badge {left: 50%;transform: translateX(-50%)}
.pricing-solo .price-amt {font-size: 26px;line-height: 1.2}
.price-card {background: #fff;border: 1px solid rgba(0, 0, 0, .08);border-radius: 16px;padding: 32px 28px;display:
flex;flex-direction: column;position: relative}
.price-card.hi {background: oklch(58% .14 275);color: #fff;border-color: oklch(58% .14 275);transform: scale(1.04)}
.price-tier {font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: .05em;margin-bottom: 10px;color:
oklch(58% .14 275)}
.price-card.hi .price-tier {color: oklch(88% .04 275)}
.price-amt {font-size: 38px;font-weight: 700;font-family: 'Space Grotesk', sans-serif}
.price-amt span {font-size: 14px;font-weight: 500;font-family: 'IBM Plex Sans', sans-serif;opacity: .7}
.price-desc {font-size: 13.5px;margin: 8px 0 22px;color: oklch(45% .015 90)}
.price-card.hi .price-desc {color: rgba(255, 255, 255, .8)}
.price-feat {list-style: none;padding: 0;margin: 0 0 26px;display: flex;flex-direction: column;gap: 11px;font-size:
13.5px}
.price-badge {position: absolute;top: -14px;left: 150px;background: oklch(50% .16 145);color: #fff;font-size:
11px;font-weight: 600;padding: 4px 10px;border-radius: 100px}
.price-btn {margin-top: auto;text-align: center;padding: 11px;border-radius: 8px;font-size: 14px;font-weight:
600;background: #1c1b19;color: #fff}
.price-card.hi .price-btn {background: #fff;color: oklch(58% .14 275)}
.faq-grid {display: grid;grid-template-columns: 0.9fr 1.4fr;gap: 56px}
.faq-item {border-bottom: 1px solid rgba(0, 0, 0, .1);padding: 18px 0}
.faq-item summary {font-size: 15px;font-weight: 600;cursor: pointer;list-style: none;display: flex;justify-content:
space-between;align-items: center}
.faq-item summary::-webkit-details-marker {display: none}
.faq-item summary::after {content: "+";font-size: 20px;font-weight: 400;color: oklch(48% .015 90)}
.faq-item[open] summary::after {content: "–"}
.faq-item p {font-size: 14px;line-height: 1.6;color: oklch(45% .015 90);margin: 12px 0 0}
.cta-banner {background: oklch(58% .14 275);border-radius: 24px;padding: 64px 40px;text-align: center;color: #fff}
.cta-banner h2 {font-size: 34px;font-weight: 600;letter-spacing: -.01em;margin: 0 0 14px}
.cta-banner p {font-size: 15px;color: rgba(255, 255, 255, .85);margin: 0 0 28px}
.cta-banner .cta-btn {background: #fff;color: oklch(58% .14 275)}
.cta-banner .cta-btn:hover {background: #1c1b19;color: #fff}
.footer {padding: 56px 0 28px;border-top: 1px solid rgba(0, 0, 0, .08)}
.footer-top {display: grid;grid-template-columns: 1.4fr 0.8fr 0.8fr 1.2fr;gap: 40px;padding-bottom: 40px}
.footer-tagline {font-size: 14px;color: oklch(48% .015 90);margin: 14px 0 20px;max-width: 220px;line-height: 1.5}
.footer h5 {font-size: 12.5px;text-transform: uppercase;letter-spacing: .05em;color: oklch(48% .015 90);margin: 0 0
16px}
.footer-links {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 12px;font-size: 14px}
.footer-links a:hover {color: oklch(58% .14 275)}
.nl-form {display: flex;gap: 8px;margin-top: 8px}
.nl-input {border: 1px solid rgba(0, 0, 0, .15);border-radius: 8px;padding: 10px 12px;font-size: 13.5px;font-family:
inherit;flex: 1}
.footer-bottom {display: flex;justify-content: space-between;align-items: center;padding-top: 24px;border-top: 1px solid
rgba(0, 0, 0, .08);font-size: 13px;color: oklch(50% .01 90)}
.social {display: flex;gap: 12px}
.social a {width: 30px;height: 30px;border-radius: 8px;border: 1px solid rgba(0, 0, 0, .1);display: flex;align-items:
center;justify-content: center;font-size: 12px}
@media (max-width:900px) {
.wrap {padding-left: 24px;padding-right: 24px}
.navlinks {display: none}
.nav-cta {display: none}
.nav-burger {display: flex}
.section {padding: 64px 0}
.hero {padding-top: 56px}
.hero-title {font-size: 34px}
.hero-sub {font-size: 15.5px}
.hero-cta-row {flex-wrap: wrap}
.hero-crop {height: auto}
.stack-wrap {padding-top: 24px}
.grid6 {grid-template-columns: 1fr}
.bento,.grid-int,.autorow,.pricing,.steps3,.steps5,.trust-grid,.footer-top,.faq-grid,.grid-int.four,.problem-grid.four
{grid-template-columns: 1fr}
.autorow {padding: 28px}
.testi-row {flex-direction: column;align-items: center}
.testi-card.a,.testi-card.c {transform: none}
.price-card.hi {transform: none}
.section-title {font-size: 26px}
.section-hd {margin-bottom: 32px}
.cp-head,.vc-head {flex-wrap: wrap;gap: 10px}
.faq-grid {gap: 32px}
.ks-row {flex-wrap: wrap;row-gap: 4px}
.ks-row > div:first-child {min-width: 0;flex: 1}
.ks-row-name {flex-wrap: wrap}
.ks-row-right {white-space: normal;text-align: right;max-width: 40%}
.ks-card,.cp-card {height: auto}
}
@media (max-width:480px) {
.hero-title {font-size: 27px}
.section-title {font-size: 22px}
.cta-banner {padding: 44px 24px}
.cta-banner h2 {font-size: 24px}
.price-card {padding: 26px 20px}
}