.site{--site-max:1180px;--gutter:24px;background:var(--surface);font-size:15px}.site-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);background:#ffffffeb;position:sticky;top:0}.site-nav__inner{max-width:var(--site-max);height:64px;padding:0 var(--gutter);align-items:center;gap:32px;margin:0 auto;display:flex}.site-nav__brand{font-size:28px}.site-nav__links{flex:1;gap:24px;display:flex}.site-nav__links a{color:var(--graphite);font-weight:600;text-decoration:none}.site-nav__links a:hover{color:var(--ink)}.site-nav__links .site-nav__small-only{display:none}.site-nav__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.site-nav__toggle{background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:0 10px;display:none}.site-nav__toggle span{background:var(--ink);border-radius:1px;height:2px;display:block}.hero{padding:88px max(var(--gutter), calc((100% - var(--site-max)) / 2 + var(--gutter))) 72px;background:radial-gradient(circle at 80% 30%, #d0206a47, transparent 45%), radial-gradient(circle at 70% 90%, #0b7f964d, transparent 50%), var(--ink);color:#fff;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid}.hero .eyebrow{color:#ff8fbd}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;margin-top:14px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.02}.hero__lead{color:#c8d2d9;max-width:540px;margin-top:20px;font-size:18px;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero__small{color:#93a2ad;margin-top:14px;font-size:13px}.hero__shelf{justify-content:center;align-items:flex-end;gap:8px;min-height:380px;padding-bottom:24px;display:flex;position:relative}.hero__shelf:after{content:"";filter:blur(8px);background:#00000059;border-radius:50%;height:14px;position:absolute;bottom:12px;left:4%;right:4%}.hero__pack{z-index:1;position:relative}.hero__pack--tall{width:32%}.hero__pack--wide{width:38%}.hero__pack--back{width:26%}.strip{max-width:var(--site-max);padding:28px var(--gutter);color:var(--graphite);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin:0 auto;display:flex}.strip ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.strip li{border:1px solid var(--rule);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.section{padding:88px max(var(--gutter), calc((100% - var(--site-max)) / 2 + var(--gutter)))}.section--paper{background:var(--chalk)}.section__head{max-width:720px;margin-bottom:44px}.section__head--center{text-align:center;margin-inline:auto}.section__title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:10px;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.08}.section__lead{color:var(--graphite);margin-top:14px;font-size:17px}.features{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.feature{border:1px solid var(--rule);border-radius:16px;padding:26px}.feature h3,.step h3{font-family:var(--font-display);margin-top:16px;font-size:20px;font-weight:700}.feature p,.step p{color:var(--graphite);margin-top:8px}.feature__icon{fill:none;width:40px;height:40px;stroke:var(--magenta);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;background:#fbe3ee;border-radius:10px;padding:8px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border-radius:16px;padding:28px}.step__number{background:var(--ink);color:#fff;border-radius:50%;place-content:center;width:36px;height:36px;font-weight:700;display:grid}.showcase{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.showcase__card{color:inherit;flex-direction:column;gap:4px;text-decoration:none;display:flex}.showcase__stage{background:var(--paper);border-radius:16px;place-items:end center;height:280px;margin-bottom:10px;padding:28px;transition:transform .16s;display:grid}.showcase__card:hover .showcase__stage{transform:translateY(-3px)}.showcase__stage svg{max-width:100%;max-height:100%}.showcase__stage[data-palette=blush]{background:#fde8ec}.showcase__stage[data-palette=sage]{background:#e8efe4}.showcase__stage[data-palette=ink]{background:#e4e8ec}.showcase__stage[data-palette=amber]{background:#fbebd8}.showcase__stage[data-palette=sky]{background:#e3f0f6}.showcase__stage[data-palette=plum]{background:#f1e3ea}.showcase__name{font-family:var(--font-display);font-size:19px;font-weight:700}.showcase__note{color:var(--muted)}.pricing__period{background:var(--paper);border-radius:999px;width:max-content;margin:0 auto 32px;padding:4px;display:flex}.pricing__period button{height:36px;color:var(--graphite);background:0 0;border:0;border-radius:999px;padding:0 18px;font-weight:600}.pricing__period button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #101a2226}.pricing__grid{grid-template-columns:repeat(5,1fr);gap:16px;min-height:120px;margin:0;padding:0;list-style:none;display:grid}.plan{border:1px solid var(--rule);background:var(--surface);border-radius:16px;flex-direction:column;gap:6px;padding:24px 20px;display:flex;position:relative}.plan[data-featured=true]{border:2px solid var(--magenta)}.plan__badge{background:var(--magenta);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:20px}.plan__name{font-family:var(--font-display);font-size:20px;font-weight:700}.plan__price{font-family:var(--font-display);letter-spacing:-.02em;font-size:34px;font-weight:700}.plan__price span{color:var(--muted);font-family:var(--font-ui);letter-spacing:0;font-size:14px;font-weight:500}.plan__billing{color:var(--muted);font-size:13px}.plan__features{flex-direction:column;flex:1;gap:8px;margin:14px 0 20px;padding:0;font-size:14px;list-style:none;display:flex}.plan__features li{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%230b7f96' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0 3px/14px no-repeat;padding-left:22px}.pricing__note{color:var(--muted);text-align:center;margin-top:24px}.faq{border-top:1px solid var(--rule);max-width:820px}.faq__item{border-bottom:1px solid var(--rule)}.faq__item summary{cursor:pointer;padding:20px 0;font-size:17px;font-weight:600}.faq__item p{color:var(--graphite);padding-bottom:20px}.cta{padding:88px var(--gutter);background:var(--ink);color:#fff;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.cta h2{max-width:760px;font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(30px,4.5vw,52px);font-weight:700;line-height:1.06}.site-foot{padding:48px var(--gutter) 28px;background:var(--ink-2);color:#aab6bf}.site-foot__inner{max-width:var(--site-max);grid-template-columns:2fr 1fr 1fr;gap:32px;margin:0 auto;display:grid}.site-foot .wordmark{color:#fff}.site-foot p{margin-top:8px}.site-foot nav{flex-direction:column;gap:8px;display:flex}.site-foot h3{color:#fff;margin-bottom:4px;font-size:14px}.site-foot a{color:#aab6bf;text-decoration:none}.site-foot a:hover{color:#fff}.site-foot__legal{max-width:var(--site-max);border-top:1px solid #ffffff1a;margin:40px auto 0;padding-top:20px;font-size:13px}@media (max-width:1180px){.pricing__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:899px){.site-nav__links{display:none}.site-nav__toggle{display:flex}.site-nav[data-open=true] .site-nav__links{padding:8px var(--gutter) 16px;border-bottom:1px solid var(--rule);background:var(--surface);flex-direction:column;gap:0;display:flex;position:absolute;top:64px;left:0;right:0}.site-nav[data-open=true] .site-nav__links a{padding:12px 0;font-size:17px}.hero{grid-template-columns:1fr;padding-top:56px}.hero__shelf{max-width:520px;min-height:0;margin:0 auto}.features,.showcase{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.site{--gutter:16px}.site-nav__inner{gap:12px}.site-nav__actions .btn--quiet{display:none}.site-nav__links .site-nav__small-only{display:block}.hero__lead{font-size:16px}.hero__actions .btn{flex:1}.section,.cta{padding-top:60px;padding-bottom:60px}.features,.showcase,.pricing__grid{grid-template-columns:1fr}.showcase__stage{height:240px}.site-foot__inner{grid-template-columns:1fr 1fr}.site-foot__inner>div:first-child{grid-column:1/-1}}
