/* Brand palette: Salus green / warm grey / roosalus blue. */
:root{--brand-green:#2f554b;--brand-grey:#a3a29f;--brand-blue:#3071ff}
.brand img{width:150px;height:66px}.footer-brand img{width:150px;height:66px;object-fit:contain}header nav{gap:25px}.button{background:var(--brand-blue);color:#fff}.button:hover{background:#245bd0}.hero h1 em{color:var(--brand-blue)}.hero .eyebrow{color:#57736b}.closing .button{background:var(--brand-blue);color:white}.ingredient-photo span{background:#f7f9f9e6}.ribbon i{color:var(--brand-blue)}.new-card:nth-child(2) .product-visual{background:#efefed}.new-card:nth-child(3) .product-visual{background:#e7edfb}.purpose-section{border-top:1px solid var(--line)}.purpose-tabs{display:flex;gap:12px;margin-top:12px}.purpose-tabs button{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;text-align:left;padding:22px 25px;background:transparent;border:1px solid #c9d6d4;color:var(--ink);font-size:14px;border-radius:8px}.purpose-tabs button span{font-size:11px;color:var(--muted)}.purpose-tabs button[aria-pressed=true]{background:var(--brand-green);border-color:var(--brand-green);color:white}.purpose-tabs button[aria-pressed=true] span{color:#b9d4cb}.purpose-caption{font-size:11px;margin:20px 0 30px;max-width:650px}.purpose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.purpose-grid[hidden]{display:none}.purpose-card{position:relative;border:1px solid var(--line);border-top:3px solid #a6bdb6;border-radius:3px;background:#fff;padding:27px 22px 20px;display:flex;flex-direction:column;min-width:0}.purpose-number{font:28px var(--serif);color:#b0bbb7;margin-bottom:25px}.purpose-card .eyebrow{font-size:8px;letter-spacing:1px;color:#647d75;margin-bottom:10px}.purpose-card h3{font-size:17px;line-height:1.45;min-height:50px}.purpose-card ul{list-style:none;margin:20px 0 25px;padding:0;flex:1}.purpose-card li{font-size:11px;color:#60716e;border-top:1px solid #edf0ef;padding:8px 0 8px 12px;position:relative}.purpose-card li:before{content:'';width:4px;height:4px;background:var(--brand-blue);border-radius:50%;position:absolute;left:0;top:15px}.purpose-card details{border-top:1px solid var(--line);padding-top:13px}.purpose-card summary{font-size:10px;color:#42685d;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.purpose-card summary::-webkit-details-marker{display:none}.purpose-card summary span{font-size:15px;line-height:1}.purpose-card details[open] summary span{transform:rotate(45deg)}.purpose-card details img{width:200px;max-width:100%;height:auto;margin:20px auto 0}.criteria{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;background:#2f554b;color:#fff;max-width:none}.criteria-intro .eyebrow{color:#c5d8d1}.criteria-intro h2 em{color:#bed3ff}.criteria-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#d1dfdb;max-width:320px;margin-top:28px}.criteria-intro>img{width:100px;height:94px;object-fit:contain;margin-top:35px;background:#fff;border-radius:50%;padding:13px}.criteria-list{margin:0;padding:0;list-style:none}.criteria-list li{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:23px 0;border-top:1px solid #668378}.criteria-list li:first-child{padding-top:0;border-top:0}.criteria-list li>span{font-size:12px;color:#b8ceff;margin-top:4px}.criteria-list h3{font-size:19px;font-weight:500}.criteria-list p{color:#d1dfdb;font-size:12px;line-height:1.8;margin-top:10px;max-width:450px}.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line)}.direction-card{position:relative;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s}.direction-card:nth-child(3n){border-right:0}.direction-card:nth-last-child(-n+3){border-bottom:0}.direction-card:hover{background:#e9f0ff}.direction-symbol{display:inline-grid;place-items:center;width:52px;height:52px;font-size:28px;font-weight:500;color:var(--brand-blue);background:#e8efff;border-radius:12px;margin-bottom:28px}.direction-arrow{position:absolute;right:30px;top:42px;color:#96a9a3;font-size:20px}.direction-card h3{font-size:19px;max-width:280px;min-height:53px}.direction-card p{font-size:12px;margin-top:14px;max-width:290px;min-height:60px}.direction-link{font-size:10px;color:var(--brand-blue);display:block;margin-top:20px}.recommendations{min-height:650px;background:linear-gradient(100deg,rgba(35,68,61,.23),rgba(39,64,99,.28)),url('assets/recommendations.jpg') center/cover;display:grid;place-items:center;padding:70px 5%}.recommendation-panel{text-align:center;background:#fffffff5;border:1px solid white;border-radius:24px;padding:45px 50px;max-width:610px;box-shadow:0 20px 70px #163e3933;backdrop-filter:blur(12px)}.recommendation-panel .eyebrow{color:var(--brand-green);margin-bottom:14px}.recommendation-count{font:70px/1 var(--serif);color:var(--brand-blue);letter-spacing:-4px;display:block;margin-bottom:20px}.recommendation-count>span{color:var(--brand-grey);font:40px 'Manrope',sans-serif;vertical-align:top;letter-spacing:0}.recommendation-panel h2{font-size:34px;letter-spacing:-1px}.recommendation-panel h2 em{color:var(--brand-green)}.recommendation-panel>p:not(.eyebrow){font-size:13px;max-width:400px;margin:25px auto;line-height:1.85}.recommendation-panel .button{font-size:12px}.closing{margin-top:0}
@media(max-width:1100px){header nav{gap:16px;font-size:11px}.purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-card{padding:25px}.direction-card h3{font-size:17px}.criteria{gap:6%}}
@media(max-width:700px){.brand img{width:120px;height:54px}.purpose-tabs{flex-direction:column;gap:8px}.purpose-tabs button{padding:17px;font-size:12px}.purpose-card{padding:20px 16px}.purpose-card h3{font-size:15px;min-height:44px}.purpose-card li{font-size:10px}.purpose-card .eyebrow{font-size:7px;letter-spacing:.5px}.purpose-number{font-size:24px;margin-bottom:18px}.purpose-caption{font-size:10px}.criteria{grid-template-columns:1fr;gap:32px}.criteria-intro>img{display:none}.criteria-intro>p:not(.eyebrow){max-width:none;margin-top:20px}.criteria-list h3{font-size:17px}.direction-grid{grid-template-columns:1fr 1fr}.direction-card{padding:22px 16px}.direction-card:nth-child(3n){border-right:1px solid var(--line)}.direction-card:nth-child(2n){border-right:0}.direction-card:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.direction-card:nth-last-child(-n+2){border-bottom:0}.direction-card h3{font-size:15px;min-height:60px;overflow-wrap:anywhere}.direction-card p{font-size:11px;min-height:80px}.direction-arrow{right:16px;top:32px}.direction-symbol{width:42px;height:42px;font-size:23px;margin-bottom:20px}.direction-link{font-size:9px}.recommendations{min-height:560px;padding:45px 5%}.recommendation-panel{padding:35px 22px;border-radius:16px}.recommendation-panel h2{font-size:28px}.recommendation-count{font-size:62px}.recommendation-panel .button{font-size:10px;gap:12px;padding:15px 18px}.footer-brand img{width:130px;height:auto}}
@media(prefers-reduced-motion:reduce){.direction-card{transition:none}}