/* The pricing introduction shares one row with the actual four-petal brand mark. */
.plans-section .plans-intro{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,23vw,260px);align-items:center;gap:clamp(24px,5vw,72px);margin-bottom:32px;text-align:left}
.plans-intro-copy{min-width:0}
.plans-section .plans-intro h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.2;letter-spacing:-.035em;margin:0;text-wrap:balance}
.plans-intro h2 br{display:none}
.plans-intro-copy p{max-width:48ch;margin:16px 0 0;color:#716571;font-size:1rem;line-height:1.65}
.plans-intro-copy h2{max-width:18ch}
.brand-petal-scene{position:relative;min-width:0;padding:12px 12px 32px;justify-self:end;width:100%}
.together-petals{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:16px}
.brand-petal-stage{display:block;position:relative;width:100%;aspect-ratio:2048/1241}
.partner-petal{position:absolute;display:block;width:100%;height:100%;left:0;top:0;max-width:none;object-fit:contain;transform-origin:50% 100%;animation:brand-petals-together 4.8s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}
.petal-large-left{clip-path:polygon(15.5% 0,50% 0,50% 100%,18.3% 100%,18.3% 35%,15.5% 35%);--drift-x:-3.4%;--drift-y:-9%;--petal-angle:-8deg}
.petal-large-right{clip-path:polygon(50% 0,84.5% 0,84.5% 35%,81.7% 35%,81.7% 100%,50% 100%);--drift-x:3.4%;--drift-y:-6%;--petal-angle:8deg}
.petal-small-left{clip-path:inset(37% 81.5% 0 0);transform-origin:9% 100%;--drift-x:-4%;--drift-y:-12%;--petal-angle:-13deg}
.petal-small-right{clip-path:inset(37% 0 0 81.5%);transform-origin:91% 100%;--drift-x:4%;--drift-y:-8%;--petal-angle:13deg}
@keyframes brand-petals-together{0%,100%{transform:translate(var(--drift-x),var(--drift-y)) rotate(var(--petal-angle))}35%,57%{transform:translate(0,0) rotate(0)}78%{transform:translate(calc(var(--drift-x) * .6),calc(var(--drift-y) * 1.3)) rotate(calc(var(--petal-angle) * .65))}}
.brand-petal-scene[data-playing="false"] .partner-petal{animation-play-state:paused}
.petal-motion-toggle{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid #eadde5;border-radius:50%;background:#fff;color:#8a4c69;cursor:pointer}
.petal-motion-toggle svg{width:18px;height:18px}
.petal-motion-toggle .petal-play-icon,.petal-motion-toggle[aria-pressed="true"] .petal-pause-icon{display:none}
.petal-motion-toggle[aria-pressed="true"] .petal-play-icon{display:block}
.petal-motion-toggle:disabled{opacity:.5;cursor:default}
.together-petals:focus-visible,.petal-motion-toggle:focus-visible{outline:3px solid #a54173;outline-offset:4px}
.plans-section .compact-plans{max-width:none;width:100%;margin-inline:0;gap:clamp(20px,3vw,32px)}
.plans-section .compact-plans .plan-heading{padding-right:0;gap:16px}
.plans-section .compact-plans .plan-heading small{white-space:nowrap}
.plans-page{max-width:1080px}
.plans-page> .plans-section{padding-block:0}
.plans-page .page-title-with-icon{font-size:1.125rem;margin:0 0 24px;color:#963b66}
@media(max-width:650px){
 .plans-section .plans-intro{grid-template-columns:minmax(0,1fr) 105px;gap:16px;margin-bottom:26px;align-items:start}
 .plans-section .plans-intro h2{font-size:clamp(1.55rem,5.4vw,2rem)}
 .plans-intro-copy p{font-size:.95rem;margin-top:12px}
 .brand-petal-scene{padding:12px 4px 38px;margin-top:6px}
 .plans-section .compact-plans{grid-template-columns:1fr}
}
@media(max-width:360px){.plans-section .plans-intro{grid-template-columns:minmax(0,1fr) 82px;gap:12px}}
@media(prefers-reduced-motion:reduce){.partner-petal{animation:none;transform:none;will-change:auto}}

/* Obvious plan actions, with a compact symbol beside each name. */
.compact-plans .plan-label{display:flex;align-items:center;gap:10px;min-width:0}
.compact-plans .plan-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ead4df;border-radius:13px;background:#fceff5;color:#aa3f70;padding:10px;cursor:pointer}
.compact-plans .plan-icon svg{width:24px;height:24px;overflow:visible}
.compact-plans .premium-plan .plan-icon{background:#423044;border-color:#765469;color:#f6bbd3}
.compact-plans .plan-icon:focus-visible{outline:3px solid #b84c80;outline-offset:4px}
.compact-plans .plan-icon:hover{background:#f8dfeb}
.compact-plans .premium-plan .plan-icon:hover{background:#593c55}
.compact-plans .plan-card>.button{width:100%;min-height:50px;border-radius:25px;border:1px solid transparent;padding:13px 20px;text-decoration:none}
.compact-plans .free-plan>.button{background:#282330;color:#fff}
.compact-plans .free-plan>.button:hover{background:#403449}
.compact-plans .premium-plan>.button{background:#faeaf0;color:#382231;border-color:#faeaf0}
.compact-plans .premium-plan>.button:hover{background:#f4d3e2}
.compact-plans .plan-card>.button svg{width:20px;height:20px;flex:none}

/* Keep plan actions aligned as feature lists grow. */
.compact-plans .plan-card {display:flex;flex-direction:column;min-width:0}
.compact-plans .plan-card>.button {margin-top:auto}
.compact-plans .plan-card li {align-items:flex-start;line-height:1.6}