/* flōw subscription comparison */
.tiers-body .site-header{background:#fbe9ee;border-bottom-color:transparent}
.tiers-page{overflow:hidden;background:#fffdf9}
.tiers-page em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.065em}
.tiers-page h1,.tiers-page h2,.tiers-page h3{letter-spacing:-.065em}
.tiers-hero{background:#fbe9ee;padding:44px 0 clamp(80px,8vw,128px)}
.tiers-hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:clamp(44px,6vw,100px);align-items:center}
.tiers-hero-copy{padding:32px 0 4px}
.tiers-hero-copy .eyebrow{color:#af3e6b}
.tiers-hero h1{font-size:clamp(4.4rem,7.2vw,9.4rem);line-height:.93;margin:24px 0 32px;max-width:880px}
.tiers-hero h1 em{display:inline-block;color:#c83f77;white-space:nowrap}
.tiers-hero-copy>p{font-size:clamp(1.1rem,1.5vw,1.34rem);line-height:1.6;max-width:600px;color:#4f6255;margin:0 0 32px}
.tiers-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.tiers-inline-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:800;font-size:.98rem}
.tiers-inline-link:hover{color:#c83f77}
.tiers-hero-photo{position:relative;height:clamp(520px,47vw,680px);border-radius:260px 260px 20px 20px;overflow:hidden;background:#dcacbd}
.tiers-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.tiers-hero-photo::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(22,44,31,.48))}
.tiers-photo-caption{position:absolute;z-index:1;right:28px;bottom:30px;color:#fff;text-align:right;font-size:clamp(1.5rem,2.2vw,2.4rem);font-weight:800;line-height:1.06;letter-spacing:-.05em}
.tiers-plans,.tiers-comparison{padding:clamp(84px,10vw,144px) 0}
.tiers-plans{background:#fffdf9}
.tiers-section-heading{display:grid;grid-template-columns:1.2fr .55fr;gap:52px;align-items:end;margin-bottom:52px}
.tiers-section-heading h2,.tiers-faq h2{font-size:clamp(3.2rem,5.7vw,7rem);line-height:1.02;margin:16px 0 0;max-width:1030px}
.tiers-section-heading h2 em,.tiers-faq h2 em{color:#cb4b7b}
.tiers-section-heading>p{font-size:1.12rem;line-height:1.62;color:#5b6d60;margin:0 0 8px;max-width:420px}
.tiers-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tiers-card{min-height:655px;padding:clamp(28px,3vw,44px);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}
.tiers-card-free{background:#e7f0e8;color:#173127}
.tiers-card-weekly{background:#f5a2c2;color:#173127}
.tiers-card-monthly{background:#213c2e;color:#fff}
.tiers-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:90px}
.tiers-card-index{font-size:.75rem;letter-spacing:.16em;font-weight:800}
.tiers-card-mark{font-size:3.7rem;line-height:.8;font-weight:500}
.tiers-card-free .tiers-card-mark{color:#d94c82}
.tiers-card-weekly .tiers-card-mark{color:#a51d5d}
.tiers-card-monthly .tiers-card-mark{color:#ef93ba}
.tiers-card h3{font-size:clamp(2.35rem,3.3vw,4rem);line-height:1.03;margin:4px 0 20px}
.tiers-card>p{font-size:1rem;line-height:1.55;opacity:.85;max-width:360px;min-height:73px;margin:0}
.tiers-card ul{list-style:none;padding:0;margin:32px 0 36px;border-top:1px solid currentColor}
.tiers-card li{border-bottom:1px solid currentColor;padding:12px 0 12px 24px;position:relative;font-size:.94rem;line-height:1.35;border-color:rgba(30,48,40,.18)}
.tiers-card-monthly li{border-color:rgba(255,255,255,.24)}
.tiers-card li::before{content:'✓';position:absolute;left:0;font-weight:800;color:#bd376b}
.tiers-card-monthly li::before{color:#faa7c7}
.tiers-card-bottom{margin-top:auto}
.tiers-card-bottom strong{display:block;font-size:clamp(1.7rem,2.4vw,2.7rem);letter-spacing:-.065em;line-height:1.1;margin-bottom:20px}
.tiers-card-bottom small{font-size:.93rem;font-weight:600;letter-spacing:0;opacity:.74}
.tiers-card-cta{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:700;min-height:52px;color:#173127;transition:transform .2s,background .2s}
.tiers-card-cta:hover{transform:none;background:#fff4f8}
.tiers-card-cta span{font-size:1.25rem;font-weight:400}
.tiers-price-note{color:#64766b;font-size:.9rem;line-height:1.5;text-align:center;margin:32px auto 0;max-width:850px}
.tiers-price-note a,.tiers-faq a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.tiers-comparison{background:#f7f4ef}
.tiers-table-wrap{overflow-x:auto;border-radius:20px;border:1px solid #d3ded3;background:#fff;scrollbar-color:#ca6b94 #f3f0ed}
.tiers-table-wrap:focus-visible{outline-offset:5px}
.tiers-table{border-collapse:collapse;width:100%;min-width:770px;table-layout:fixed}
.tiers-table th,.tiers-table td{text-align:center;padding:20px 12px;border-bottom:1px solid #e5e9e3;line-height:1.4;font-size:.98rem}
.tiers-table thead th{background:#213c2e;color:#fff;font-size:1.06rem;padding:24px 12px;font-weight:800}
.tiers-table thead th:first-child{text-align:left;width:40%;padding-left:32px}
.tiers-table thead th:last-child{background:#a93467}
.tiers-table tbody th[scope=row]{text-align:left;font-weight:650;padding-left:32px}
.tiers-table tbody tr:not(.tiers-group):hover{background:#fff5f8}
.tiers-table .tiers-group th{background:#eaf0e9;text-align:left;padding:16px 32px;color:#345d43;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.tiers-table tbody tr:last-child th,.tiers-table tbody tr:last-child td{border-bottom:0}
.tiers-yes{font-weight:800;font-size:1.3rem;color:#327451}
.tiers-no{font-size:1.1rem;color:#9aa99c}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tiers-table-hint{color:#617468;font-size:.82rem;margin:16px 0 0;display:none}
.tiers-story{padding:clamp(72px,9vw,124px) 0;background:#203a2b;color:#fff}
.tiers-story-grid{display:grid;grid-template-columns:.88fr 1fr;gap:clamp(52px,8vw,124px);align-items:center}
.tiers-story-image{height:clamp(460px,50vw,660px);border-radius:20px;overflow:hidden;background:#496653}
.tiers-story-image img{width:100%;height:100%;object-fit:cover;object-position:40% center}
.tiers-story-copy .eyebrow{color:#ffa5c5}
.tiers-story h2{font-size:clamp(3.6rem,5.7vw,7.2rem);line-height:1.01;margin:24px 0 24px}
.tiers-story h2 em{color:#ffa5c5}
.tiers-story-copy>p{font-size:1.13rem;line-height:1.67;color:#d6e4d8;max-width:620px;margin:0 0 32px}
.tiers-story-points{border-top:1px solid #567461;margin-bottom:28px}
.tiers-story-points span{display:block;border-bottom:1px solid #567461;padding:16px 0;color:#faa2c3;font-size:.82rem;font-weight:800;letter-spacing:.1em}
.tiers-story-points b{font-size:1.02rem;letter-spacing:0;color:#fff;margin-left:20px}
.tiers-faq{background:#fffdf9}
.tiers-faq-grid{display:grid;grid-template-columns:.9fr 1fr;gap:clamp(44px,7vw,112px)}
.tiers-faq h2{font-size:clamp(3.3rem,5.5vw,6.3rem)}
.tiers-faq-grid>div:first-child>p{font-size:1.05rem;line-height:1.55;color:#637467;margin:24px 0 0}
.tiers-final{background:#f4a4c2;padding:clamp(96px,11vw,144px) 0;text-align:center;color:#193325}
.tiers-final h2{font-size:clamp(4rem,7.4vw,9rem);line-height:.96;margin:24px auto 24px}
.tiers-final h2 em{color:#704261}
.tiers-final p{font-size:1.15rem;line-height:1.55;margin:0 auto 28px;max-width:530px}
.tiers-final .pill-pink{background:#1d3729;color:#fff;box-shadow:none}
.tiers-final .pill-pink:hover{background:#355b43}
@media(max-width:1050px){.tiers-card{padding:28px}.tiers-card h3{font-size:2.65rem}.tiers-hero h1{font-size:clamp(4.2rem,7.8vw,7rem)}}
@media(max-width:850px){.tiers-hero-grid,.tiers-section-heading,.tiers-story-grid,.tiers-faq-grid{grid-template-columns:1fr}.tiers-hero-grid{gap:40px}.tiers-hero-photo{height:510px}.tiers-section-heading{gap:20px}.tiers-card-grid{grid-template-columns:1fr}.tiers-card{min-height:0;padding:36px}.tiers-card-top{min-height:65px}.tiers-card h3{font-size:clamp(2.7rem,7vw,4rem)}.tiers-card>p{min-height:0}.tiers-card ul{margin:24px 0}.tiers-story-image{height:500px}.tiers-story-copy{max-width:660px}.tiers-table-hint{display:block}}
@media(max-width:600px){.tiers-hero{padding:44px 0 72px}.tiers-hero-copy{padding:0}.tiers-hero h1{font-size:clamp(3.8rem,13.4vw,5.5rem)}.tiers-hero h1 em{white-space:normal}.tiers-hero-copy>p{font-size:1.06rem}.tiers-hero-photo{height:410px;border-radius:180px 180px 20px 20px}.tiers-photo-caption{right:20px;bottom:20px}.tiers-plans,.tiers-comparison{padding:76px 0}.tiers-section-heading h2,.tiers-faq h2{font-size:clamp(3.1rem,11vw,4.8rem)}.tiers-card{padding:28px;border-radius:20px}.tiers-card h3{font-size:2.8rem}.tiers-card ul{margin:28px 0}.tiers-table{min-width:760px}.tiers-story{padding:72px 0}.tiers-story-image{height:390px}.tiers-story h2{font-size:clamp(3.5rem,12vw,5.5rem)}.tiers-faq{padding:80px 0}.tiers-final h2{font-size:clamp(3.65rem,11.8vw,6rem)}.tiers-hero-actions{gap:20px}}
@media(prefers-reduced-motion:reduce){.tiers-page *{scroll-behavior:auto!important;transition:none!important}}

/* A single Premium entitlement with Weekly and Monthly billing. */
.tiers-card-grid.two-plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-inline:auto}
.tiers-card-grid.two-plans .tiers-card{min-height:620px}
.tiers-card-grid.two-plans .tiers-card h3{font-size:clamp(2.7rem,4.1vw,4.8rem)}
.tiers-billing{background:#f5a8c5;padding:clamp(80px,9vw,124px) 0;color:#203b2b}
.tiers-billing>.shell{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(36px,6vw,92px);align-items:start}
.tiers-billing .eyebrow{color:#8a2e55}
.tiers-billing h2{font-size:clamp(3.4rem,5.5vw,6.5rem);line-height:1.02;margin:20px 0 0}
.tiers-billing h2 em{color:#7f3459}
.tiers-billing-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tiers-billing-options>div{background:#fff9f9;border-radius:20px;padding:32px;min-height:225px}
.tiers-billing-options span{display:block;color:#af3d70;font-size:.74rem;letter-spacing:.16em;font-weight:800;margin-bottom:32px}
.tiers-billing-options strong{display:block;font-size:1.8rem;line-height:1.1;letter-spacing:-.05em}
.tiers-billing-options p{font-size:.98rem;line-height:1.5;color:#586a60;margin:16px 0 0}
.tiers-billing>.shell>p{grid-column:2;margin:-56px 0 0;font-size:.9rem;line-height:1.55;color:#634b54}
.tiers-table.two-columns{min-width:650px}
.tiers-table.two-columns thead th:first-child{width:52%}
.tiers-table.two-columns thead th:last-child{background:#a93467}
.tiers-table.two-columns tbody td{width:24%}
.tiers-table.two-columns tbody th[scope=row]{font-weight:650}
@media(max-width:850px){.tiers-card-grid.two-plans{grid-template-columns:1fr}.tiers-card-grid.two-plans .tiers-card{min-height:0}.tiers-billing>.shell{grid-template-columns:1fr}.tiers-billing>.shell>p{grid-column:1;margin:0}}
@media(max-width:600px){.tiers-card-grid.two-plans .tiers-card h3{font-size:clamp(2.55rem,10vw,3.3rem)}.tiers-billing{padding:76px 0}.tiers-billing h2{font-size:clamp(3.2rem,11vw,4.7rem)}.tiers-billing-options{grid-template-columns:1fr}.tiers-billing-options>div{min-height:0;padding:28px}.tiers-billing-options span{margin-bottom:20px}.tiers-table.two-columns{min-width:570px}.tiers-table.two-columns thead th:first-child{width:50%}.tiers-table.two-columns th,.tiers-table.two-columns td{font-size:.89rem}}
