/* Homepage rose-copper section: deep plum into muted rose, with a light lower edge. */
body.pricing-page{--price-ink:#0D0D12;--price-plum:#3D202D;--price-rose:#955365;--price-copper:#D8A1A0;--price-cream:#F6E3DC;background:var(--price-plum);color:var(--price-cream)}
.pricing-page .fluid-pricing{background:linear-gradient(180deg,#3D202D 0%,#955365 82%,#D8A1A0 100%)}
.pricing-page .fluid-content h1{color:var(--price-cream)!important}
.pricing-page .lemni-header{background:#3D202D!important;border-bottom-color:#F6E3DC12!important;color:var(--price-cream)!important}
.pricing-page .lemni-header .lemni-brand,.pricing-page .lemni-header .ht-symbol,.pricing-page .lemni-header .nav-cta{color:var(--price-cream)!important}
.pricing-page .lemni-header .nav-cta{border-color:#F6E3DC35!important}
.pricing-page .lemni-header a:hover{color:var(--price-copper)!important}
.pricing-page .page-footer{background:var(--price-copper);color:var(--price-plum);border-top-color:#3D202D20}
.pricing-page .page-footer a{color:var(--price-plum)}
.fluid-column{background:#0D0D12b8;border-color:#F6E3DC30;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}
.fluid-column.monthly{background:#3D202Dc9;border-color:#F6E3DC95;box-shadow:inset 0 0 0 2px #D8A1A012}
.pricing-page .fluid-grid h2,.fluid-price{color:var(--price-cream)!important}
.pricing-page .fluid-column .fluid-card p,.plan-inclusions li{color:#e0c8c5!important}
.fluid-column .fluid-card>small{color:#c9aaa9}
.fluid-column .fluid-mini{border-top-color:#F6E3DC20}
.fluid-badge{background:var(--price-cream);color:var(--price-plum)}
.fluid-card.pro .fluid-badge{background:var(--price-rose);color:var(--price-cream);box-shadow:none}
.fluid-column .neutral-badge{background:#95536550;color:var(--price-cream)}
.fluid-button{color:var(--price-cream)!important;border-color:#F6E3DCa0;box-shadow:none}
.monthly .fluid-button{background:var(--price-cream);border-color:var(--price-cream);color:var(--price-plum)!important;box-shadow:none}
.fluid-button:hover{background:#95536545}
.monthly .fluid-button:hover{background:var(--price-copper);border-color:var(--price-copper);color:var(--price-plum)!important}
.plan-inclusions li:before,.monthly .plan-inclusions li:before{color:var(--price-copper)}
.fluid-pricing a:focus-visible{outline-color:var(--price-cream)}
.pricing-page .lemni-header .lemni-menu-button{color:var(--price-cream)}

/* Fine static grain sits behind the content, across the ground and ribbon. */
.pricing-page .fluid-pricing::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.3;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
.pricing-page .fluid-content{position:relative;z-index:1}

.pricing-page .fluid-content h1{text-shadow:0 2px 12px #3D202Db3,0 1px 2px #3D202D99}


/* Heading and introduction share the same grid as the plans. */
.pricing-page .fluid-heading{display:grid;grid-template-columns:1.12fr 1fr;align-items:end;gap:48px;margin-bottom:36px}
.pricing-page .fluid-heading h1{margin:0!important;font-size:clamp(30px,2.7vw,38px)!important;line-height:1.16!important;letter-spacing:-1.1px!important;font-weight:500!important;text-shadow:0 2px 12px #3D202D99}
.pricing-page .fluid-heading h1 em{display:block;font-weight:400}
.pricing-page .fluid-heading .fluid-intro{max-width:460px;margin:0;padding-bottom:3px;color:var(--price-cream);font-size:15px;line-height:1.65;text-wrap:pretty;text-shadow:0 1px 5px #3D202D66}
@media(max-width:900px){.pricing-page .fluid-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.pricing-page .fluid-heading .fluid-intro{max-width:620px}.pricing-page .fluid-heading h1{font-size:34px!important}}
@media(max-width:700px){.pricing-page .fluid-heading{gap:16px;margin-bottom:28px}.pricing-page .fluid-heading h1{font-size:clamp(26px,7vw,32px)!important;letter-spacing:-.8px!important;line-height:1.2!important}.pricing-page .fluid-heading .fluid-intro{font-size:14px;line-height:1.6}}

/* A brief conversation is the next step after comparing plans. */
.pricing-page .pricing-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px;padding:25px 26px;border:1px solid #F6E3DC38;border-radius:12px;background:#3D202Db8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pricing-callout-copy{display:flex;align-items:center;gap:18px;min-width:0}
.pricing-callout-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #D8A1A055;border-radius:50%;background:#D8A1A012;color:#F6E3DC}
.pricing-page .pricing-callout h2{margin:0 0 7px!important;color:#F6E3DC!important;font-size:20px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:-.4px!important}
.pricing-page .pricing-callout p{margin:0!important;color:#e0c8c5!important;font-size:13px!important;line-height:1.6!important}
.pricing-callout-button{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;min-height:46px;padding:11px 20px;border:1px solid #F6E3DC;border-radius:28px;background:#F6E3DC;color:#3D202D!important;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}
.pricing-callout-button span{font-size:25px;line-height:1;font-weight:400}
.pricing-callout-button:hover{background:#D8A1A0;border-color:#D8A1A0}
@media(max-width:900px){.pricing-page .pricing-callout{padding:22px;gap:20px}.pricing-callout-icon{display:none}.pricing-page .pricing-callout h2{font-size:18px!important}.pricing-callout-button{gap:14px;padding:11px 16px;font-size:12px}}
@media(max-width:700px){.pricing-page .pricing-callout{align-items:stretch;flex-direction:column;margin-top:18px;padding:24px 20px;gap:20px}.pricing-callout-button{width:100%;font-size:12px}.pricing-page .pricing-callout p br{display:none}}
/* Carry the pricing ground into the shared dark footer. */
.pricing-page .fluid-pricing::after{content:"";position:absolute;inset:auto 0 0;height:200px;background:linear-gradient(180deg,transparent,#3D202D);pointer-events:none;z-index:0}
.pricing-page .page-footer{background:#3D202D;color:#cdaead;border-top:0}
.pricing-page .page-footer a{color:#dec8c7}
.pricing-page .page-footer .brand-mark{background:transparent;color:#F6E3DC}
@media(max-width:700px){.pricing-page .fluid-pricing::after{height:140px}}