/* One clear example per section. The tree keeps the signature movement. */
.calm-home .hero-intro { background:linear-gradient(#fffafd,#fff); }
.calm-home .how-section { padding-block:24px 32px; }
.calm-home .how-section h2 { font-size:1.75rem;margin-bottom:26px; }
.calm-home .how-steps { max-width:920px;gap:24px; }
.calm-home .how-steps li { flex-direction:row;align-items:flex-start;gap:12px;text-align:left; }
.calm-home .how-steps li::after { content:none; }
.calm-home .how-steps h3 { font-size:1.125rem;line-height:1.5; }
.calm-home .section-heading { margin-bottom:28px; }
.calm-home .section-heading h2 { font-size:clamp(1.9rem,3.2vw,2.6rem); }
.calm-home .section-heading p { margin-top:12px; }
.calm-home .tour-options>button { background:transparent;border-color:transparent;border-radius:14px;padding:16px;color:#655a64;box-shadow:none; }
.calm-home .tour-options>button[aria-pressed="true"] { background:#faf3f7;border-color:#e6cbd8; }
.calm-home .tour-options>button strong,.calm-home .tour-options>button[aria-pressed="true"] strong { color:#352e37;font-size:1.35rem; }
.calm-home .tour-options>button>svg { width:22px;height:22px;padding:0;background:none;color:#92546f;border-radius:0; }
.calm-home .tour-options>button small { margin-top:4px; }
.calm-home .tour-options>button::after { color:#92546f; }
.calm-home .tour-options>button:hover { transform:none;background:#faf7f9; }
.calm-home .feature-animation { background:radial-gradient(ellipse at 50% 48%,#fff3f8,transparent 69%);border:0;border-radius:0;padding:0;min-height:400px;display:flex;flex-direction:column;justify-content:center; }
.calm-home .feature-animation::before,.calm-home .feature-animation::after { content:none; }
.calm-home .iou-band { background:#fcfafb;border-color:#eee6eb; }
.calm-home .iou-story-heading h2 { color:#352e37;font-size:clamp(1.9rem,3.2vw,2.6rem); }
.calm-home .iou-kicker { color:#7c626f;letter-spacing:.06em; }
.calm-home .iou-example { box-shadow:none;border-color:#e7dde3;border-radius:20px;background:#fff; }
.calm-home .iou-example::before { content:none; }
.calm-home .iou-example-header { border-bottom:1px solid #e9e1e6; }
.calm-home .iou-example-steps { border-top:1px solid #e9e1e6; }
.calm-home .plans-intro { display:block;margin-bottom:28px; }
.calm-home .plans-intro-copy { max-width:650px; }
.calm-home .plans-section .plans-intro h2 { font-size:clamp(1.9rem,3.2vw,2.6rem);max-width:24ch; }
.calm-home .plan-card { box-shadow:none;border:1px solid #e6dce3;background:#fff; }
.calm-home .premium-plan { background:#faf7fb;color:#352e37; }
.calm-home .premium-plan h3,.calm-home .premium-plan li { color:#352e37; }
.calm-home .compact-plans .premium-plan .plan-heading small { color:#716571; }
.calm-home .compact-plans .premium-plan li::before { color:#92546f; }
.calm-home .compact-plans .plan-card h3 { font-size:1.25rem; }
.calm-home .closing-section { background:#fcf6f9; }
@media(max-width:650px){
 .calm-home .how-steps { grid-template-columns:1fr;max-width:100%;gap:14px; }
 .calm-home .how-section h2 { text-align:left; }
 .calm-home .tour-options>button { flex-direction:column;padding:13px 6px;gap:10px; }
 .calm-home .tour-options>button strong { font-size:1rem; }
 .calm-home .feature-animation { padding:0;min-height:350px; }
}

/* Readable copy, fewer words. Meaningful movement happens in the illustrations. */
.calm-home { font-size:18px; }
.calm-home #main p { font-size:1.125rem;line-height:1.65; }
.calm-home .how-steps { max-width:1050px; }
.calm-home .how-steps li { align-items:center;gap:18px; }
.calm-home .setup-drawing { flex:none;width:64px;height:64px;overflow:visible; }
.calm-home .how-steps li:hover .setup-drawing { transform:rotate(-4deg);transition:transform .25s; }
.calm-home .tour-options>button { min-height:68px; }
.calm-home .feature-animation .petal-story-art { display:block;width:100%;height:auto;max-height:320px;overflow:visible;fill:none;stroke:none; }
.petal-category-choices { width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
.petal-category-choices button { min-width:0;min-height:70px;padding:10px 4px;border:1px solid transparent;border-radius:16px;background:transparent;color:#76535d;display:grid;gap:4px;justify-items:center;font:inherit;cursor:pointer; }
.petal-category-choices button strong { font-size:1rem; }
.petal-category-choices button span { font-size:1.125rem; }
.petal-category-choices button[aria-pressed="true"] { border-color:#e0b7c9;background:#fff4f9; }
.petal-category-choices button:hover { background:#fff4f9; }
.story-goal { display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:center;font-size:1.125rem;color:#655565; }
.story-goal strong { font-size:1.25rem;color:#382c34; }
.story-action { display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d9b6c6;border-radius:24px;background:#fff7fb;color:#70485a;min-height:48px;padding:10px 22px;font:700 1rem Quicksand,sans-serif;margin:18px auto 0;cursor:pointer; }
.story-action:hover { background:#f9e8f0; }
.feature-animation .story-action svg { width:20px;height:20px;stroke:currentColor;fill:none; }
.story-action:focus-visible,.petal-category-choices button:focus-visible { outline:3px solid #a94a78;outline-offset:3px; }
.story-drop { opacity:0; }
.story-playing .story-drop { animation:story-petal-fall 1.5s ease-in-out both;animation-delay:var(--delay); }
.chosen-garden .story-pile { transform-box:fill-box;transform-origin:50% 100%; }
.story-playing .chosen-garden .story-pile { animation:story-settle 1.8s ease both; }
.story-receipt { transform:translateY(var(--receipt-rise)); }
.story-playing .story-receipt { animation:story-unfold .8s ease both; }
.story-playing .mail-petal-arrival { animation:story-mail-petals 1.3s ease both; }
@keyframes story-petal-fall {0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--drift),var(--fall,170px))}}
@keyframes story-settle {0%,65%,100%{transform:scale(1)}80%{transform:scale(1.045,.98)}}
@keyframes story-unfold {from{transform:translateY(18px)}to{transform:translateY(var(--receipt-rise))}}
@keyframes story-mail-petals {from{transform:translate(-90px,-40px);opacity:0}to{transform:translate(0,0);opacity:1}}
.calm-home #main .plan-card h3 { font-size:1.5rem; }
.calm-home #main .plan-heading small,.calm-home #main .plan-disclaimer { font-size:1rem;line-height:1.6; }
.calm-home #main .skin-choices { gap:16px; }
.calm-home #main .skin-choices>button { width:100px; }
.calm-home #main .skin-choices b { font-size:1rem;max-width:100px;line-height:1.4; }
.calm-home #main .skin-status>span,.calm-home #main .skin-status>small { font-size:1rem; }
.calm-home #main .skin-status strong { font-size:1.25rem; }
.calm-home #main .iou-kicker,.calm-home #main .iou-example-header small,.calm-home #main .iou-example-status { font-size:1rem; }
.calm-home #main .iou-example-header strong,.calm-home #main .iou-example-caption,.calm-home #main .iou-example-message p,.calm-home #main .iou-example-dinner,.calm-home #main .iou-example-settled { font-size:1.125rem; }
.calm-home #main .iou-example-steps button { font-size:1rem; }
.calm-home #main .hero-release-note,.calm-home #main .closing-release-note { font-size:1rem; }
.calm-home #main .accordion-button { font-size:1.125rem; }
.calm-home #main .accordion-body,.calm-home #main .accordion-body p { font-size:1.125rem;line-height:1.7; }
@media(max-width:650px){
 .calm-home #main .how-steps { gap:18px; }
 .calm-home #main .how-steps h3 { font-size:1.125rem; }
 .calm-home #main .tour-options>button strong { font-size:1rem;line-height:1.4; }
 .calm-home .petal-category-choices button strong { font-size:1rem; }
 .calm-home .story-goal { font-size:1rem; }
 .calm-home #main .skin-choices { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
 .calm-home #main .skin-choices>button { width:100%; }
}
@media(prefers-reduced-motion:reduce){.calm-home .setup-drawing,.feature-animation *{animation:none!important;transition:none!important}.calm-home .how-steps li:hover .setup-drawing{transform:none}}

.calm-home #main .plan-card li { font-size:1.125rem;line-height:1.6; }

/* Balance the two hero elements without filling the space with another section. */
@media(min-width:651px){
 .calm-home .hero-inner { align-items:end;padding-block:12px 16px; }
 .calm-home .hero-product { align-self:end; }
}

.calm-home .tour-options>button>span { display:flex;flex-direction:column;gap:8px;text-align:left; }
.calm-home .tour-options>button .feature-description { display:none;font-size:1.125rem;line-height:1.5;color:#655565; }
.calm-home .tour-options>button[aria-pressed="true"] .feature-description { display:block; }
.story-touch { cursor:pointer;outline:none; }
.story-touch:focus-visible>rect,.story-touch:focus-visible>circle { stroke:#a94a78;stroke-width:2;stroke-dasharray:4 3; }
.story-touch:hover .story-blossom { filter:brightness(1.04); }
.story-playing .new-savings-leaf { transform-box:fill-box;transform-origin:50% 100%;animation:savings-leaf-open .8s ease backwards;animation-delay:var(--delay); }
@keyframes savings-leaf-open { from { transform:scale(.05);opacity:0; } to { transform:scale(1);opacity:1; } }
@media(max-width:650px){
 .calm-home .tour-options { display:flex;flex-direction:column;gap:6px; }
 .calm-home .tour-options>button { flex-direction:row;align-items:center;padding:12px 16px;gap:14px;min-height:54px; }
}

.calm-home .feature-animation[data-view="plan"] .petal-story-art { max-height:420px; }

/* Start the controls directly below their heading; demos size to their artwork. */
.calm-home .feature-tour { align-items:start;padding-top:0; }
.calm-home .tour-controls { align-self:start; }
.calm-home .tour-screen { min-height:0;padding:0; }
.calm-home .feature-animation { min-height:0;justify-content:flex-start; }
.calm-home .product-section .section-heading { margin-bottom:20px; }
.calm-home .iou-story-heading h2 { margin-top:0; }