/* Shared additions for the full flōw site. */
.site-header .desktop-nav{gap:clamp(16px,2.2vw,32px)}
.site-header .desktop-nav a{font-size:.9rem}
.site-footer .footer-upper.footer-complete{grid-template-columns:repeat(4,minmax(0,1fr));gap:52px 32px;padding-bottom:68px}
.footer-complete .footer-brand{grid-column:span 1;max-width:345px}
.footer-complete .footer-group h2{font-size:.73rem;margin-bottom:3px;color:#2b4b37}
.footer-complete .footer-group a{font-size:.83rem;line-height:1.42;overflow-wrap:break-word}
.footer-complete .footer-group{gap:8px}
.footer-complete .footer-group a:hover{text-decoration:underline;text-underline-offset:4px}

/* Detailed content from the original flōw site, restyled to match the new pages. */
.legacy-content{--primary:#d54982;--text-secondary:#617368;--bg-alt:#eef4ee;--bg-peach:#fff0f3;--premium:#bf4b78;--warning:#ffe4aa;background:#fffdf9;color:var(--ink)}
.legacy-content .wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
.legacy-content .stack{padding:clamp(76px,9vw,116px) 0}
.legacy-content .stack:nth-of-type(even){background:#f3f7f1}
.legacy-content .full-details-title{padding:clamp(84px,10vw,132px) 0 36px}
.full-details-title h2{font-size:clamp(3.1rem,5.4vw,6rem);line-height:1.03;letter-spacing:-.07em;margin:16px 0 16px;max-width:850px}
.full-details-title p{font-size:1.1rem;line-height:1.55;color:#65776a;max-width:620px;margin:0}
.legacy-content .section-head{max-width:850px;margin-bottom:44px}
.legacy-content .section-head.center{text-align:center;margin-inline:auto}
.legacy-content .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c94b7f}
.legacy-content .section-head h2{font-size:clamp(2.6rem,4.3vw,4.8rem);line-height:1.06;letter-spacing:-.067em;margin:20px 0 16px}
.legacy-content .section-head p{font-size:1.11rem;line-height:1.65;color:#5f7064;max-width:780px;margin:0}
.legacy-content h3{line-height:1.2;letter-spacing:-.037em}
.legacy-content h4{line-height:1.2;letter-spacing:-.03em}
.legacy-content .prose{color:#5f7064;font-size:1.1rem;line-height:1.72}
.legacy-content .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,92px);align-items:center}
.legacy-content .split.reverse>div:first-child{order:2}
.legacy-content .split.reverse>div:last-child{order:1}
.legacy-content .split h3{font-size:clamp(2rem,3.4vw,3.8rem)!important;line-height:1.1!important;margin:16px 0!important}
.legacy-content .pillrow,.legacy-content .taglist,.legacy-content .lang-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.legacy-content .pillrow span,.legacy-content .taglist span,.legacy-content .lang-chips span{display:inline-flex;padding:8px 12px;border:1px solid #d1dfd3;border-radius:999px;font-size:.83rem;font-weight:700;background:#fff}
.legacy-content .media-card{border:1px solid #dce6dd;background:#fff;border-radius:20px;padding:clamp(24px,3vw,40px);box-shadow:0 24px 50px rgba(29,60,34,.07)}
.legacy-content .media-photo{border-radius:20px;overflow:hidden;min-height:300px;background:#e6eee6}
.legacy-content .media-photo img{width:100%;height:100%;min-height:300px;object-fit:cover}
.legacy-content .feature-list{padding:0;margin:0;list-style:none;display:grid;gap:24px}
.legacy-content .feature-list li{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid #e7eee7;padding-bottom:20px}
.legacy-content .feature-list li:last-child{border-bottom:0;padding-bottom:0}
.legacy-content .icon-badge{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#d54e84;background:#fce9f0}
.legacy-content .icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.legacy-content .feature-list h4{font-size:1.18rem;margin:0 0 8px}.legacy-content .feature-list p{font-size:.95rem;color:#64746a;margin:0;line-height:1.5}
.legacy-content .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.legacy-content .bento-card{padding:32px;border:1px solid #dce5dd;background:#fff;border-radius:20px;min-height:240px}
.legacy-content .bento-card h4{font-size:1.38rem;margin:20px 0 12px}.legacy-content .bento-card p{font-size:.96rem;color:#65766b;line-height:1.6;margin:0}
.legacy-content .bento-2,.legacy-content .bento-5{background:#fce6ee;border-color:#fce6ee}
.legacy-content .bento-3,.legacy-content .bento-7{background:#eaf3eb;border-color:#eaf3eb}
.legacy-content .bento-card .taglist{margin-top:20px}.legacy-content .bento-card .taglist span{background:#fff8fc;font-size:.75rem}
.legacy-content .safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.legacy-content .safety-card{background:#fff;border:1px solid #dbe6dc;border-radius:20px;padding:28px;min-height:230px}
.legacy-content .safety-card h4{font-size:1.23rem;margin:16px 0 8px}.legacy-content .safety-card p{font-size:.95rem;color:#637468;line-height:1.6;margin:0}
.legacy-content .callout{margin:40px 0 0;padding:24px 28px;border-radius:20px;background:#e7f0e7;color:#23422c}
.legacy-content .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.legacy-content .price-card{position:relative;display:flex;flex-direction:column;padding:32px 28px;border:1px solid #dce5dd;border-radius:20px;background:#fff;min-height:0}
.legacy-content .price-card.featured{background:#203c2d;color:#fff;border-color:#203c2d}
.legacy-content .price-card h3{font-size:1.6rem;margin:12px 0 0}.legacy-content .price{font-size:2.8rem;font-weight:800;letter-spacing:-.065em;line-height:1.12;margin:20px 0 4px}
.legacy-content .price small{font-size:.95rem;font-weight:500;letter-spacing:0}.legacy-content .price-sub{font-size:.87rem;color:#718376;margin:0 0 20px}.legacy-content .featured .price-sub{color:#d4e0d6}
.legacy-content .price-card .tag{position:absolute;top:15px;right:18px;font-size:.68rem;font-weight:800;text-transform:uppercase;color:#d34780}
.legacy-content .price-card ul{list-style:none;padding:0;margin:8px 0 24px;display:grid;gap:12px}
.legacy-content .price-card li{font-size:.92rem;display:flex;gap:8px;align-items:flex-start}.legacy-content .price-card li .icon{width:16px;height:16px;flex:none;margin-top:3px}
.legacy-content .price-card li.off{opacity:.55}.legacy-content .price-card .btn{margin-top:auto;padding:12px 20px;border-radius:999px;background:#eaf2eb;text-align:center;color:#1e392a;font-weight:800}
.legacy-content .price-card.featured .btn{background:#f45b96;color:#183326}
.legacy-content .faq-list{max-width:850px;margin:auto}.legacy-content .faq-item{border-bottom:1px solid #dce7dd;padding:4px 0}
.legacy-content .faq-item summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-size:1.06rem;font-weight:700}
.legacy-content .faq-item summary::-webkit-details-marker{display:none}.legacy-content .faq-a{padding:0 0 20px;color:#627365;line-height:1.62}
.legacy-content .facts-row{display:flex;flex-wrap:wrap;gap:36px;margin:28px 0}.legacy-content .fact{display:flex;flex-direction:column}.legacy-content .fact strong{font-size:2.5rem;line-height:1}.legacy-content .fact span{font-size:.78rem;color:#6e8072}
.legacy-content .story-block{max-width:930px;margin:0 auto 36px;padding:0 0 28px;border-bottom:1px solid #dfe8df}
.legacy-content .story-block h3{font-size:clamp(1.6rem,2.9vw,2.55rem);margin:0 0 16px}
.legacy-content .story-block p,.legacy-content .story-block li{color:#576b5f;line-height:1.72;font-size:1.02rem}
.legacy-content .story-block li{margin-bottom:12px}.legacy-content .story-check{display:flex;gap:12px;align-items:start}
.legacy-content .story-promise{padding:28px;border-radius:20px;background:#fce8ef}.legacy-content .press-card{padding:28px;border-radius:20px;border:1px solid #dbe6dc;background:#fff}
.legacy-content .theme-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.legacy-content .theme-card{border-radius:20px;border:1px solid #dce6dd;padding:20px;background:#fff}
.legacy-content .theme-strip{height:75px;border-radius:12px;margin-bottom:20px;background:linear-gradient(110deg,#fae6e9,#e8f2ea)}
.legacy-content .theme-card h4{margin:0 0 4px}.legacy-content .theme-card p{margin:0;color:#657568;font-size:.88rem}
.legacy-content .photo-band{position:relative;border-radius:20px;overflow:hidden;min-height:370px;background:#e6efe6}
.legacy-content .photo-band img{width:100%;height:100%;min-height:370px;max-height:590px;object-fit:cover}
.legacy-content .photo-band .caption{position:absolute;left:25px;right:25px;bottom:23px;color:#fff;text-shadow:0 2px 20px #173327;font-size:1.5rem;font-weight:800}
.legacy-content .req-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:16px;margin-top:32px}.legacy-content .req-card{padding:24px;border:1px solid #dce5dd;background:#fff;border-radius:20px}
.legacy-content .req-card h4{font-size:1.1rem;margin:0 0 8px}.legacy-content .req-card p{color:#677669;margin:0}
.legacy-content .hero-ctas{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.legacy-content .btn-store-badge img{height:49px;width:auto}
.legacy-content .trust-bar{background:#eef4ee;border-top:1px solid #d9e5da;border-bottom:1px solid #d9e5da}
.legacy-content .trust-bar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:28px}.legacy-content .trust-item{display:flex;align-items:center;gap:12px}.legacy-content .trust-item strong{font-size:1.55rem;letter-spacing:-.05em}.legacy-content .trust-item span{font-size:.78rem;line-height:1.3;color:#627366}
.legacy-home .stack{background:#fffdf9!important}

/* The existing policy pages keep their wording and gain the same navigation and footer. */
.legal-page .site-footer,.support-page .site-footer,.account-flow-page .site-footer{background:#f7f5ef;color:var(--ink);padding:64px 0 28px}
.legal-page .legal-hero{background:radial-gradient(circle at 88% 20%,rgba(255,151,187,.38),transparent 35%),linear-gradient(115deg,#e7f1e8,#fff1f4);border-radius:20px}
.legal-page .legal-body{font-family:'DM Sans',system-ui,sans-serif}
.standalone-policy{padding:72px 0 112px}.standalone-policy .wrap{max-width:820px;width:min(calc(100% - 44px),820px);margin:auto;padding:0}
.standalone-policy h1{font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:-.06em;line-height:1.08;margin:0 0 24px}
.standalone-policy h2{font-size:1.7rem;letter-spacing:-.04em;margin-top:2em}.standalone-policy p,.standalone-policy li{font-size:1rem;line-height:1.75;color:#455c4b}
.standalone-policy .card{padding:24px;border-radius:20px;background:#eaf2e9;margin-top:24px}

/* Support and help centre. */
.support-page{background:#fffdf9;color:var(--ink)}
.support-page main .wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
.support-page .hero{margin-top:20px;min-height:470px;padding:clamp(80px,9vw,140px) clamp(24px,6vw,92px);border-radius:20px;color:#fff;text-align:center;background:linear-gradient(125deg,rgba(14,38,26,.91),rgba(16,48,33,.54) 55%,rgba(16,48,33,.25)),url('/assets/photo-support-hero-large.jpg') center 42%/cover}
.support-page .hero .kicker{display:inline-flex;letter-spacing:.18em;text-transform:uppercase;color:#ffd1e0;font-size:.72rem;font-weight:800}
.support-page .hero h1{font-size:clamp(3.5rem,7vw,7.8rem);line-height:.95;letter-spacing:-.075em;margin:16px auto 20px;max-width:1000px}
.support-page .hero h1 span{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#ffb6d0}
.support-page .hero p{font-size:1.12rem;max-width:680px;margin:0 auto;color:#f6f7ee}
.support-page .search-hint{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}
.support-page .chip{padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.42);color:#fff;font-size:.8rem;font-weight:700}
.support-page .chip:hover{background:#fff;color:#233d2d}
.support-page section{padding:clamp(76px,8.5vw,120px) 0}.support-page #faq,.support-page #stories{background:#f0f5ef}
.support-page .sec-head{max-width:850px;margin-bottom:44px}.support-page .sec-head .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:#cc4c7d;text-transform:uppercase}
.support-page .sec-head h2{font-size:clamp(2.7rem,4.7vw,5.4rem);line-height:1.04;letter-spacing:-.07em;margin:16px 0 16px}
.support-page .sec-head p{max-width:760px;font-size:1.1rem;color:#647568;margin:0}
.support-page .grid.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.support-page .cat,.support-page .panel,.support-page .story,.support-page form.card{display:block;background:#fff;border:1px solid #dbe6dc;border-radius:20px;padding:24px;color:var(--ink)}
.support-page .cat{min-height:190px;transition:transform .2s,box-shadow .2s}.support-page .cat:hover{border-color:#a8c0ad}
.support-page .cat .ico{font-size:1.8rem}.support-page .cat h3{font-size:1.4rem;letter-spacing:-.045em;margin:20px 0 8px}.support-page .cat p,.support-page .panel p{color:#66776a;font-size:.94rem;margin:0}
.support-page .faq-cat{margin-bottom:32px}.support-page .faq-cat-title{font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#cb4b7c;margin:28px 0 12px}
.support-page main details{border:1px solid #dbe7dd;background:#fff;border-radius:12px;margin:0 0 8px}.support-page main summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;padding:20px 24px;font-weight:700;list-style:none}
.support-page main summary::-webkit-details-marker{display:none}.support-page main summary .plus{font-size:1.3rem;color:#d6497f}.support-page .faq-body{padding:0 24px 24px;color:#617167;line-height:1.6}
.support-page .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-page .panel h3{font-size:1.34rem;margin:0 0 16px}.support-page .panel li{margin:0 0 8px;color:#54665a}
.support-page .story{background:#fff8fa;min-height:185px}.support-page .story .quote{font-size:1rem;line-height:1.7}.support-page .story .who{color:#a3466e;font-size:.84rem;font-weight:700;margin-top:24px}
.support-page .contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.support-page .contact-side{display:grid;gap:16px}
.support-page form.card .field{margin-bottom:16px}.support-page form.card label{display:block;font-size:.86rem;font-weight:800;margin-bottom:8px}
.support-page input,.support-page select,.support-page textarea{width:100%;padding:12px 16px;border:1px solid #cbdccd;border-radius:12px;font:inherit;color:var(--ink);background:#fff}
.support-page textarea{min-height:145px;resize:vertical}.support-page button.btn{border:0;border-radius:999px;padding:16px 28px;background:#f45b96;color:#173127;font:800 .94rem 'DM Sans',sans-serif;cursor:pointer}
.support-page button.btn:hover{background:#ff84af}.support-page .form-note{font-size:.78rem;color:#6c7c6f;margin:16px 0 0}
.support-page .mail-big{font-weight:800;color:#bd4776;overflow-wrap:anywhere}.support-page .response-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e4ece4;font-size:.85rem}
.support-page .support-contact-caption{font-size:.87rem;color:#68786b;margin:16px 0 8px}

/* App confirmation and password reset links retain their original deep links. */
.account-flow-page .account-area{min-height:max(620px,calc(100svh - 89px));display:grid;place-items:center;padding:92px 20px;background:radial-gradient(circle at 15% 20%,#fbe0e9,transparent 36%),linear-gradient(120deg,#eef5ec,#fff9f6)}
.account-flow-page .account-area .card{width:min(100%,490px);padding:44px 36px 36px;background:#fff;border:1px solid #e3e9e0;border-radius:20px;box-shadow:0 30px 70px rgba(32,59,39,.12);text-align:center}
.account-mark{width:120px;height:71px;object-fit:contain;margin:0 auto 20px}.account-flow-page .account-area h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.06em;margin:0 0 12px}
.account-flow-page .account-area p{color:#68776a;line-height:1.6;margin:0 0 24px}.account-flow-page .account-area .hint{font-size:.83rem;margin:20px 0 0}
.account-flow-page .account-area .error{color:#ba355d}.account-open{width:100%}

@media(max-width:1050px){.site-footer .footer-upper.footer-complete{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-complete .footer-brand{grid-column:span 1}.legacy-content .safety-grid{grid-template-columns:repeat(2,1fr)}.legacy-content .bento{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.site-footer .footer-upper.footer-complete{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-complete .footer-brand{grid-column:1/-1}.legacy-content .split,.legacy-content .pricing-grid,.support-page .contact-grid{grid-template-columns:1fr}.legacy-content .split.reverse>div:first-child,.legacy-content .split.reverse>div:last-child{order:initial}.legacy-content .theme-swatches{grid-template-columns:repeat(2,1fr)}.legacy-content .safety-grid{grid-template-columns:repeat(2,1fr)}.legacy-content .trust-bar .wrap{grid-template-columns:repeat(2,1fr)}.support-page .grid.cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-footer .footer-upper.footer-complete{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px;padding-bottom:52px}.footer-complete .footer-group a{font-size:.81rem}.footer-complete .footer-brand{max-width:100%}.legacy-content .wrap,.support-page main .wrap{width:calc(100% - 38px)}.legacy-content .stack{padding:72px 0}.legacy-content .full-details-title{padding:76px 0 20px}.legacy-content .split,.legacy-content .safety-grid,.legacy-content .bento,.legacy-content .req-grid,.support-page .grid.cats,.support-page .split{grid-template-columns:1fr}.legacy-content .theme-swatches{grid-template-columns:repeat(2,1fr)}.legacy-content .price-card{padding:24px}.legacy-content .photo-band,.legacy-content .photo-band img{min-height:260px}.legacy-content .trust-bar .wrap{gap:16px}.legacy-content .trust-item{display:block}.support-page .hero{width:calc(100% - 22px);padding:100px 24px 72px;margin-top:12px;border-radius:12px;min-height:520px}.support-page .hero h1{font-size:clamp(3.1rem,13vw,5.6rem)}.support-page section{padding:76px 0}.support-page .contact-grid{gap:12px}.account-flow-page .account-area{min-height:580px;padding:60px 16px}.account-flow-page .account-area .card{padding:32px 24px}}

@media(max-width:850px){.site-footer .footer-upper.footer-complete .footer-app-links{grid-column:1/-1}}
