:root{--bg: #FAFAF7;--white: #FFFFFF;--ink: #1B1B1B;--muted: #4A4A4A;--teal: #3BA9A0;--teal-deep: #2C837C;--mint: #E4F3F1;--border: #E6E4DD;--ink-soft: #9a9a94;--footer-muted: #8a8a85;--footer-text: #c9c9c4;--error: #b4423a;--serif: "Fraunces", serif;--sans: "Nunito", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--sans);color:var(--ink)}a{color:var(--teal-deep);text-decoration:none}a:hover{color:var(--teal)}input,select,button{font-family:var(--sans)}input:focus,select:focus{outline:2px solid var(--teal);outline-offset:0;border-color:var(--teal)}a:focus-visible,button:focus-visible{outline:2px solid var(--teal-deep);outline-offset:2px}img{max-width:100%}.container{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.container--narrow{max-width:860px}.section{padding:112px 0}.section--cream{background:var(--bg)}.section--white{background:var(--white)}.section--mint{background:var(--mint)}.section__title{font-family:var(--serif);font-weight:700;font-size:44px;line-height:1.1;margin:0 0 12px;text-wrap:balance}.section__title--narrow{max-width:24ch}@media (max-width: 600px){.section{padding:64px 0}.section__title{font-size:34px}.section__lead{margin-bottom:32px}.section__title:has(+.grid),.section__title:has(+.faq){margin-bottom:32px}}.section__lead{font-size:18px;color:var(--muted);margin:0 0 56px}.section__lead--wide{max-width:66ch;text-wrap:pretty}.section__lead--prose{line-height:1.65;max-width:72ch;text-wrap:pretty}.section__title:has(+.grid),.section__title:has(+.faq){margin-bottom:48px}.btn{display:inline-block;border:none;border-radius:10px;padding:11px 20px;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}.btn--lg{padding:14px 26px;font-size:16px}.btn--block{display:block;width:100%;padding:15px;font-size:16px}.btn--primary{background:var(--teal);color:var(--white)}.btn--primary:hover{background:var(--teal-deep);color:var(--white)}.btn--outline{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}.btn--outline:hover{background:var(--ink);color:var(--white)}.pill{display:inline-block;background:var(--mint);color:var(--teal-deep);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.pill--sm{padding:3px 10px;font-size:12px}.pill--xs{padding:3px 10px;font-size:11px;font-weight:800}.pill--solid{background:var(--teal);color:var(--white)}.nav{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--border)}.nav__inner{max-width:1200px;margin:0 auto;padding:0 32px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__logo{display:flex;align-items:center}.nav__logo img{height:52px;width:auto;display:block}.nav__links{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:700}.nav__links a{color:var(--ink)}.nav__links a:hover{color:var(--teal-deep)}.nav__toggle{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--white);cursor:pointer;position:relative;flex-shrink:0}.nav__toggle span{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);transition:transform .2s ease,top .2s ease}.nav__toggle span:first-child{top:17px}.nav__toggle span:last-child{top:25px}.nav--open .nav__toggle span:first-child{top:21px;transform:rotate(45deg)}.nav--open .nav__toggle span:last-child{top:21px;transform:rotate(-45deg)}@media (max-width: 820px){.nav__inner{height:68px;padding:0 20px;gap:12px}.nav__logo img{height:44px}.nav__cta{margin-left:auto;padding:10px 14px;font-size:14px}.nav__toggle{display:block}.nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--white);border-bottom:1px solid var(--border);padding:8px 20px 16px;font-size:17px}.nav__links a{padding:14px 0;border-bottom:1px solid var(--border)}.nav__links a:last-child{border-bottom:none}.nav--open .nav__links{display:flex}}@media (max-width: 820px){.nav__cta{min-height:44px;display:inline-flex;align-items:center}}@media (max-width: 380px){.nav__inner{padding:0 16px;gap:10px}.nav__logo img{height:38px}.nav__cta{padding:0 12px;font-size:13px}}.hero{background:var(--bg)}.hero__inner{padding-top:88px;padding-bottom:96px}.hero__copy{max-width:720px}.hero__copy .pill{padding:6px 14px}.hero h1{font-family:var(--serif);font-weight:700;font-size:64px;line-height:1.05;margin:20px 0 24px;font-optical-sizing:auto}@media (max-width: 768px){.hero h1{font-size:38px}.hero__inner{padding-top:56px;padding-bottom:64px}}.hero__sub{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 32px;max-width:52ch;text-wrap:pretty}.hero__sub-claim{color:var(--ink);font-weight:800}.hero__actions{display:flex;gap:14px;flex-wrap:wrap}.timeline-scroll{margin-top:72px;overflow-x:auto}.timeline{min-width:1060px;display:flex;align-items:center}.timeline__step{display:grid;gap:10px}.timeline__step--survey{width:210px}.timeline__step--proto{width:320px}.timeline__step--prod{width:220px}.timeline__label .timeline__title{font-weight:800;font-size:15px}.timeline__label .timeline__desc{display:block;font-size:14px;color:var(--muted)}.timeline__connector{flex:1 1 90px;min-width:90px;position:relative;height:72px}.timeline__line{position:absolute;left:0;right:0;top:35px;height:2px;background:var(--teal)}.timeline__connector--arrow .timeline__line{right:10px}.timeline__flask{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:64px;background:var(--bg);padding:0 8px}.timeline__arrowhead{position:absolute;right:4px;top:30px;width:10px;height:10px;border-top:2px solid var(--teal);border-right:2px solid var(--teal);transform:rotate(45deg)}.hero-steps{display:none}@media (max-width: 900px){.timeline-scroll{display:none}.hero-steps{display:grid;list-style:none;margin:48px 0 0;padding:0;max-width:420px}.hero-steps__item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding-bottom:44px}.hero-steps__item:last-child{padding-bottom:0}.hero-steps__item:not(:last-child):before{content:"";position:absolute;left:19px;top:50px;bottom:10px;width:2px;border-radius:2px;background:var(--teal)}.hero-steps__marker{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.hero-steps__marker img{height:40px;width:auto;display:block}.hero-steps__marker--dot:after{content:"";width:14px;height:14px;border-radius:50%;border:2.5px solid var(--ink);box-sizing:border-box}.hero-steps__title{display:block;font-size:16px;font-weight:800;margin-top:2px}.hero-steps__desc{display:block;font-size:15px;color:var(--muted);margin-top:2px}}.card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:28px 26px}.card--cream{background:var(--bg)}.card--pad-lg{padding:32px 28px}.card--pad-md{padding:28px}.card__title{font-family:var(--sans);font-weight:700;font-size:20px;margin:0 0 8px}.card__title--sm{font-size:19px;margin-bottom:10px}.card__kicker{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--teal-deep);margin:0 0 8px}.card__kicker+.card__title{margin-bottom:12px}.card__body{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.card--pad-md .card__body{margin-bottom:14px}.card__body-lg{font-size:17px;line-height:1.6;color:var(--muted);margin:0}.card__icon{display:block;margin-bottom:14px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}.steps__item{border-top:2px solid var(--teal);padding-top:20px}.steps__number{display:block;font-family:var(--serif);font-weight:700;font-size:32px;line-height:1;color:var(--teal-deep);margin-bottom:16px}.steps__title{font-size:20px;font-weight:800;margin:0 0 8px}.steps__body{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.pricing{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}.pricing__lead{font-size:18px;line-height:1.6;color:var(--muted);margin:20px 0 16px}.cost-chart{margin:32px 0 0}.cost-chart__legend{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted)}.cost-chart__legend li{display:inline-flex;align-items:center;gap:8px}.cost-chart__swatch{width:16px;height:2px;border-radius:2px;display:inline-block}.cost-chart__swatch--fixed{background:var(--teal-deep);height:3px}.cost-chart__swatch--per{background:var(--muted)}.cost-chart__svg{display:block;width:100%;height:auto;overflow:visible}.cost-chart__axis{stroke:var(--border);stroke-width:1}.cost-chart__axis-title{font-family:var(--sans);font-size:12px;font-weight:700;fill:var(--muted)}.cost-chart__line{fill:none;stroke-linecap:round}.cost-chart__line--fixed{stroke:var(--teal-deep);stroke-width:3}.cost-chart__line--per{stroke:var(--muted);stroke-width:2}.cost-chart__end{stroke:var(--bg);stroke-width:2}.cost-chart__end--fixed{fill:var(--teal-deep)}.cost-chart__end--per{fill:var(--muted)}.cost-chart__label{font-family:var(--sans);font-size:13px;font-weight:700;fill:var(--muted)}.cost-chart__label--strong{fill:var(--ink);font-weight:800}.cost-chart__caption{margin-top:8px;font-size:13px;color:var(--muted)}@media (max-width: 600px){.cost-chart__label{font-size:19px}.cost-chart__axis-title{font-size:17px}}.pricing__list{margin:0;border-top:1px solid var(--border)}.pricing__row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--border)}.pricing__row dt{font-weight:800;font-size:17px}.pricing__row dd{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}@media (max-width: 860px){.pricing{grid-template-columns:1fr;gap:32px}}@media (max-width: 520px){.pricing__row{grid-template-columns:1fr;gap:6px}}.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;border-top:1px solid var(--border);padding-top:32px}.points__title{font-size:18px;font-weight:800;margin:0 0 8px}.points__body{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.grid{display:grid;gap:24px}.grid--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--modules{grid-template-columns:repeat(4,minmax(0,1fr))}.card--wide{grid-column:span 2}@media (max-width: 1080px){.grid--modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.grid--modules{grid-template-columns:1fr;gap:12px}.card--wide{grid-column:auto}.grid--modules .card{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;padding:18px}.grid--modules .card__icon-row{grid-row:span 2}.grid--modules .card__icon{margin:0}.grid--modules .card__title{font-size:18px;margin:0 0 4px}.grid--modules .card__body{font-size:15px;line-height:1.5}.grid--modules .badge-new{position:absolute;top:18px;right:18px}.grid--modules .card--new .card__title{padding-right:52px}}@media (max-width: 420px){.grid--2,.grid--3{grid-template-columns:1fr}}.card__icon-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.badge-new{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--teal-deep);color:var(--white);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.client-strip{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.client-strip__inner{padding-top:40px;padding-bottom:40px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.client-strip__inner{gap:48px}.client-strip__label{font-size:14px;color:var(--muted);margin-right:16px}.client-strip__logo{height:60px;width:auto;max-width:200px;object-fit:contain;display:block;filter:grayscale(1);opacity:.6;transition:filter .2s ease,opacity .2s ease}.client-strip__logo:hover{filter:none;opacity:1}@media (max-width: 600px){.client-strip__inner{gap:20px 32px;padding-top:32px;padding-bottom:32px}.client-strip__label{flex-basis:100%;text-align:center;margin-right:0}.client-strip__logo{height:44px}}.compare-heading{font-size:20px;font-weight:800;margin:72px 0 20px}.table-scroll{overflow-x:auto}.compare-stack{display:none}@media (max-width: 700px){.compare-heading{margin-top:48px}.table-scroll{display:none}.compare-stack{display:block;margin:0;background:var(--white);border:1px solid var(--border);border-top:3px solid var(--teal);border-radius:12px;padding:4px 16px}.compare-stack__row{padding:14px 0;border-bottom:1px solid var(--border)}.compare-stack__row:last-child{border-bottom:none}.compare-stack__label{font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.compare-stack__us{margin:4px 0 0;font-size:16px;font-weight:800;line-height:1.4;color:var(--ink)}.compare-stack__others{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}.grid--2 .card--pad-lg{padding:22px 20px}.card__body-lg{font-size:16px}}.compare{min-width:760px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;font-size:16px}.compare__cell{padding:16px 18px;border-bottom:1px solid var(--border)}.compare__cell--last{border-bottom:none}.compare__head{font-weight:700;color:var(--muted)}.compare__head--us{font-weight:800;color:var(--ink);background:var(--mint);border-top:3px solid var(--teal)}.compare__row-label{font-weight:700}.compare__val{color:var(--muted)}.compare__val--us{font-weight:700;color:var(--ink);background:var(--mint)}.mini-card{padding:16px;border-radius:12px}.mini-card__rows{display:grid;gap:7px}.mini-card .mini-card__rows:first-child{margin-bottom:10px}.mini-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mini-row{display:flex;gap:8px;align-items:center}.mini-check{width:10px;height:10px;border:1.5px solid var(--ink);border-radius:3px;flex-shrink:0}.mini-check--filled{background:var(--ink)}.mini-dot{width:10px;height:10px;border-radius:50%;background:var(--teal);flex-shrink:0}.mini-bar{height:7px;background:var(--border);border-radius:3px}.mini-row .mini-bar{height:6px}.mini-bar--flex{flex:1}.mini-bar--teal{background:var(--teal)}.browser-card{background:var(--white);border-radius:12px;overflow:hidden}.timeline .browser-card{border:1px solid var(--border);padding:0}.browser-card__bar{display:flex;gap:5px;padding:9px 12px;border-bottom:1px solid var(--border);align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.browser-card__live{margin-left:auto}.browser-card__body{padding:14px 16px;display:grid;gap:10px}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stat{border:1px solid var(--border);border-radius:8px;padding:8px}.stat__value{font-size:15px;font-weight:800}.stat__value--teal{color:var(--teal-deep)}.stat__label{font-size:10px;color:var(--muted)}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:36px}.bar-chart span{flex:1;background:var(--border);border-radius:3px 3px 0 0}.bar-chart .bar--teal{background:var(--teal)}.section__title+.faq{margin-top:48px}.faq{display:grid;gap:12px}.faq__item{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden}.faq__question{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 26px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:18px;color:var(--ink)}.faq__icon{color:var(--teal-deep);font-size:22px;font-weight:400;line-height:1}.faq__answer{font-size:17px;line-height:1.6;color:var(--muted);margin:0;padding:0 26px 22px}.contact{background:var(--ink)}.contact__inner{padding-top:112px;padding-bottom:112px;display:flex;flex-wrap:wrap-reverse;gap:64px;align-items:center}.contact__copy{flex:1 1 420px;min-width:300px}.contact__copy h2{text-wrap:balance;font-family:var(--serif);font-weight:700;font-size:44px;line-height:1.1;color:var(--white);margin:0 0 20px;max-width:20ch}.contact__sub{font-size:18px;line-height:1.6;color:var(--footer-text);margin:0;max-width:48ch;text-wrap:pretty}.contact__panel{flex:1 1 400px;min-width:300px;max-width:480px;background:var(--white);border-radius:16px;padding:36px 32px}@media (max-width: 480px){.contact__copy{min-width:0}.contact__panel{min-width:0;padding:28px 20px}}.lead-form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.lead-form label{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:14px;font-weight:700;color:var(--ink)}.lead-form input,.lead-form select{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:16px;background:var(--white);color:var(--ink)}.lead-form__error{font-size:14px;color:var(--error);margin:0}.lead-form__note{font-size:13px;color:var(--muted);margin:0;text-align:center}.link-button{all:unset;cursor:pointer;color:var(--teal-deep);font-weight:700}.link-button:hover{color:var(--teal)}.link-button:focus-visible{outline:2px solid var(--teal-deep);outline-offset:2px}.contact__success{display:grid;gap:14px;text-align:center;padding:24px 0}.contact__success svg{margin:0 auto}.contact__success-msg{font-size:17px;line-height:1.6;color:var(--ink);margin:0}.contact__success-alt{font-size:15px;color:var(--muted);margin:0}@media (max-width: 480px){.contact__copy h2{font-size:34px}}@media (max-width: 600px){.contact__inner{padding-top:56px;padding-bottom:56px;gap:32px}.pricing__row{padding:14px 0}.points{gap:24px;padding-top:24px}}.footer{background:var(--ink);border-top:1px solid #333}.footer .container{padding-top:72px;padding-bottom:40px}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}.footer__brand{display:grid;gap:14px;align-content:start;justify-items:start}.footer__brand img{height:72px;width:auto;display:block}.footer__brand p{font-size:15px;line-height:1.6;color:var(--footer-text);margin:0;max-width:30ch}.footer__col{display:grid;gap:10px;align-content:start}.footer__heading{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--footer-muted);text-transform:uppercase}.footer__col a{color:var(--footer-text);font-size:15px}.footer__col a:hover{color:var(--white)}.footer__muted{color:var(--footer-muted);font-size:15px}@media (max-width: 600px){.footer .container{padding-top:48px;padding-bottom:32px}.footer__grid{grid-template-columns:1fr;gap:32px}.footer__brand img{height:56px}.footer__col{gap:0}.footer__heading{margin-bottom:4px}.footer__col a{padding:12px 0;line-height:1.35}.footer__muted{padding-top:6px}.footer__col:nth-child(3){display:flex;flex-wrap:wrap;column-gap:24px}.footer__col:nth-child(3) .footer__heading{flex-basis:100%}}.footer__bottom{border-top:1px solid #333;margin-top:56px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--footer-muted)}
