/* A quieter, more intentional layout and a consistent interaction system. */
.suite-strip{padding:22px max(7vw,calc((100vw - 1240px)/2));gap:26px}
.suite-strip a{justify-content:flex-start;gap:11px;width:fit-content;padding:8px 10px;border-radius:5px;transition:background-color .2s,color .2s,transform .2s}
.suite-strip a>span:last-child{flex-shrink:0;transition:transform .2s;color:var(--teal)}
.suite-overview>.section-intro,.finder>.section-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:8%;align-items:end;margin-bottom:30px}
.suite-overview>.section-intro>.eyebrow,.finder>.section-intro>.eyebrow{grid-column:1/-1;margin-bottom:17px}
.suite-overview>.section-intro>h2,.finder>.section-intro>h2{grid-column:1;max-width:650px}
.suite-overview>.section-intro>p:last-child,.finder>.section-intro>p:last-child{grid-column:2;margin-top:0;padding-bottom:5px;max-width:560px;font-size:16px}
.suite-overview,.finder{padding-top:58px;padding-bottom:62px}
.finder .finder-buttons{margin-bottom:23px}
.workflow{padding-top:62px;padding-bottom:62px;gap:7%;grid-template-columns:.95fr 1.05fr;align-items:center}
.workflow .section-intro{margin-bottom:26px}
.steps li{gap:20px;align-items:flex-start;padding:20px 0}
.steps li:first-child{padding-top:0}
.nutrition-badge,.steps li>.nutrition-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border:1px solid #aebfb1;border-radius:50%;background:#fbf9f4;box-shadow:inset 0 0 0 5px #fbf9f4,inset 0 0 0 6px #d2ded3;font-family:Georgia,serif;font-size:20px;font-weight:400;color:var(--copper);line-height:1;margin:0}
.nutrition-badge:before{content:"";position:absolute;top:-5px;right:0;width:15px;height:8px;background:var(--teal);border:2px solid var(--paper);border-radius:1px 12px 1px 12px;transform:rotate(-35deg)}
.nutrition-badge:after{content:"";position:absolute;top:0;right:-5px;width:12px;height:7px;background:#477967;border:2px solid var(--paper);border-radius:12px 1px 12px 1px;transform:rotate(22deg)}
.feature-number.nutrition-badge{margin-bottom:23px}
.footer-top{padding-bottom:30px}
.button,.finder-buttons button,.menu-button,.nav-account,.close-dialog,.screenshot-button,summary{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}
.button>span{transition:transform .2s}
.button:focus-visible,.finder-buttons button:focus-visible,.nav-account:focus-visible,.menu-button:focus-visible{box-shadow:0 0 0 4px #165a591a}
@media(hover:hover){
 .button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #113f401c}
 .button:hover>span{transform:translate(2px,-2px)}
 .button.secondary:hover{border-color:var(--teal);background:#e5eee7;color:var(--deep)}
 .closing .button.secondary:hover{background:#f4f4ea;color:var(--deep)}
 .finder-buttons button:hover{background:#e5eee7;border-color:var(--teal);transform:translateY(-2px);box-shadow:0 3px 8px #113f4010}
 .finder-buttons button[aria-pressed=true]:hover{background:var(--teal);color:white}
 .nav-account:hover,.menu-button:hover{background:#e5eee7;border-color:var(--teal);color:var(--deep)}
 .suite-strip a:hover{background:#eaf0ea;color:var(--teal)}
 .suite-strip a:hover>span:last-child{transform:translate(2px,-2px)}
 .text-link:hover,footer a:hover{color:var(--copper);text-decoration:underline;text-underline-offset:4px}
 .screenshot-button:hover{box-shadow:inset 0 0 0 3px var(--teal);filter:brightness(.98)}
 .close-dialog:hover{background:#e5eee7;color:var(--teal)}
 summary:hover{color:var(--teal);background:#eaf0ea}
}
.button:active,.finder-buttons button:active,.menu-button:active,.nav-account:active{transform:translateY(0);box-shadow:none}
@media(max-width:1100px){.suite-strip{padding-left:6%;padding-right:6%;gap:10px}.suite-strip a{font-size:16px;padding:7px 4px;gap:8px}}
@media(max-width:760px){
 .suite-strip{padding:18px 6%;gap:12px 18px}.suite-strip a{font-size:16px}
 .suite-overview>.section-intro,.finder>.section-intro{grid-template-columns:1fr;gap:0}
 .suite-overview>.section-intro>.eyebrow,.finder>.section-intro>.eyebrow{grid-column:1}
 .suite-overview>.section-intro>p:last-child,.finder>.section-intro>p:last-child{grid-column:1;margin-top:18px;padding:0}
 .suite-overview,.finder{padding-top:42px;padding-bottom:45px}
 .workflow{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}
 .steps li{gap:18px;padding:18px 0}.nutrition-badge,.steps li>.nutrition-badge{flex-basis:48px;width:48px;height:48px;font-size:18px}
 .feature-grid{column-gap:24px}.footer-top{padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.button,.finder-buttons button,.menu-button,.nav-account,.close-dialog,.screenshot-button,summary,.suite-strip a,.button>span,.suite-strip a>span:last-child{transition:none}.button:hover,.finder-buttons button:hover,.button:hover>span,.suite-strip a:hover>span:last-child{transform:none}}

/* Let the hero text determine its height; the artwork fills that space. */
.hero{min-height:0;align-items:stretch}
.hero-copy{padding-top:50px;padding-bottom:44px}
.hero-art{position:relative;min-height:0;min-width:0}
.hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1100px){.hero{min-height:0}.hero-copy{padding-top:44px;padding-bottom:38px}}
@media(max-width:760px){.hero-copy{padding:38px 6% 34px}.hero-art{height:280px}.hero-art>img{position:absolute}}

/* Keep the suite headline together, with the explanation centered beside it. */
.suite-overview>.section-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:5%;align-items:center}
.suite-overview>.section-intro>h2{max-width:none;font-size:clamp(30px,2.65vw,46px)}
.suite-overview>.section-intro>p:last-child{padding-bottom:0;align-self:center;max-width:none}
@media(max-width:760px){.suite-overview>.section-intro{grid-template-columns:1fr}.suite-overview>.section-intro>h2{font-size:34px}}

/* Orange fruit badges with a single small leaf. */
.nutrition-badge,.steps li>.nutrition-badge{background:#b85e32;border:1px solid #a9562e;border-radius:47% 48% 46% 48%;color:#fffaf2;box-shadow:inset -3px -3px 0 #a9562e44,inset 2px 2px 0 #e9a27533}
.nutrition-badge:before{top:-5px;right:6px;width:12px;height:7px;border:0;border-radius:1px 11px 1px 11px;background:var(--teal);transform:rotate(-30deg)}
.nutrition-badge:after{content:none}

/* Place the starting-point choices beside the question in a compact 2-by-2 group. */
.finder-heading-controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:6%;align-items:center;margin-bottom:28px}
.finder-heading-controls>.section-intro{max-width:none;margin-bottom:0}
.finder-heading-controls h2{font-size:clamp(29px,2.6vw,43px);max-width:none}
.finder-heading-controls .eyebrow{margin-bottom:18px}
.finder .finder-heading-controls .finder-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:0}
.finder-heading-controls .finder-buttons button{width:100%;padding:13px 12px;font-size:13px}
@media(max-width:1100px){.finder-heading-controls{grid-template-columns:1.1fr 1fr;gap:4%}.finder-heading-controls .finder-buttons button{font-size:12px}}
@media(max-width:760px){.finder-heading-controls{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.finder-heading-controls h2{font-size:34px}.finder .finder-heading-controls .finder-buttons{gap:10px}.finder-heading-controls .finder-buttons button{font-size:12px}}

/* An illustrated orange fruit: outlined peel, soft shading, and one small leaf. */
.nutrition-badge,.steps li>.nutrition-badge{width:58px;height:64px;flex-basis:58px;padding-top:11px;background:transparent url('/assets/orange-fruit-badge.svg') center/contain no-repeat;border:0;border-radius:0;box-shadow:none;color:#a9562e;font-size:20px}
.nutrition-badge:before,.nutrition-badge:after{content:none}
@media(max-width:760px){.nutrition-badge,.steps li>.nutrition-badge{width:52px;height:57px;flex-basis:52px;padding-top:10px;font-size:18px}}

/* A slim woven-color divider replaces the repeated product navigation strip. */
.suite-divider{display:flex;gap:5px;align-items:center;justify-content:center;height:32px;padding:0 6%;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.suite-divider>span{display:block;height:3px;width:34px;border-radius:2px;background:var(--teal)}
.suite-divider>span:nth-child(2){width:22px;background:var(--copper)}
.suite-divider>span:nth-child(3){width:16px;background:var(--mulberry)}

/* Each product card is one complete link, with its cue at the lower right. */
.product-card{cursor:pointer}
.product-card>.text-link{margin-top:auto;align-self:flex-end;text-align:right;display:inline-flex;align-items:center;gap:5px;padding-top:12px}
.product-card .text-link>span{transition:transform .2s}
.product-card:focus-visible{outline:3px solid var(--copper);outline-offset:4px;box-shadow:0 8px 24px #183b3b16}
@media(hover:hover){.product-card:hover>.text-link{color:var(--copper)}.product-card:hover .text-link>span{transform:translate(2px,-2px)}}
@media(prefers-reduced-motion:reduce){.product-card .text-link>span{transition:none}.product-card:hover .text-link>span{transform:none}}

/* A continuous woven seam connects the hero to the suite. */
.suite-divider{height:12px;padding:0;border:0;background:#f0eee5 url('/assets/woven-seam.svg') left center/96px 12px repeat-x}
/* Describe each everyday obstacle and the corresponding tool’s practical response. */
.finder-content.obstacle-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;padding:34px 38px;align-items:start}
.obstacle-content .eyebrow{margin-bottom:16px}
.obstacle-content .roadblock h3{font-family:Georgia,serif;font-size:clamp(26px,2.2vw,34px);font-weight:400;line-height:1.2;letter-spacing:-.025em;margin-bottom:19px}
.obstacle-content .tool-response h3{font-size:27px;margin-bottom:16px}
.obstacle-content p:not(.eyebrow){font-size:15px;line-height:1.75}
.tool-benefits{padding:0 0 0 19px;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.7}
.tool-benefits li{padding:3px 0 3px 3px}
.tool-benefits li::marker{color:var(--copper)}
.obstacle-content .actions{margin-top:24px}
.finder-heading-controls .finder-buttons button{line-height:1.4;min-height:48px}
@media(max-width:760px){.finder-content.obstacle-content{grid-template-columns:1fr;padding:25px;gap:24px}.obstacle-content .tool-response{padding-top:24px}.obstacle-content .roadblock h3{font-size:28px}}

/* The suite introduction pairs its message with the established woven artwork. */
.suite-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7%;align-items:center;padding-top:55px;padding-bottom:55px;overflow:hidden}
.suite-hero-copy h1{font-size:clamp(43px,4.4vw,68px)}
.suite-hero-copy>p:not(.eyebrow){margin-top:24px;max-width:670px;font-size:17px;line-height:1.75}
.suite-hero-art{min-width:0;aspect-ratio:1.2;max-height:380px;overflow:hidden;border-radius:8px 110px 8px 110px;box-shadow:0 16px 38px #173b3b12}
.suite-hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.suite-products{padding-top:62px;padding-bottom:50px}
.suite-divider.inset-divider{margin:0 6%;height:8px;border-radius:2px}
.suite-connections{padding-top:50px;padding-bottom:65px}
@media(max-width:1100px){.suite-hero{gap:5%;grid-template-columns:1.15fr .85fr}.suite-hero-art{border-radius:8px 75px 8px 75px}}
@media(max-width:760px){.suite-hero{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:40px}.suite-hero-copy h1{font-size:45px}.suite-hero-copy>p:not(.eyebrow){font-size:16px}.suite-hero-art{width:100%;aspect-ratio:1.8;max-height:280px;border-radius:8px 65px 8px 65px}.suite-products{padding-top:42px;padding-bottom:35px}.suite-connections{padding-top:35px;padding-bottom:45px}}

/* Quiet section boundaries; keep decorative weaving out of the dividers. */
.suite-divider,.suite-divider.inset-divider{height:1px;padding:0;border:0;border-top:1px solid #c7cec3;background:none;border-radius:0;box-shadow:none}
.suite-hero-art.unique-suite-art{aspect-ratio:1.5;max-height:none;overflow:visible;border-radius:0;box-shadow:none;background:transparent}
.unique-suite-art img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:6px}
@media(max-width:760px){.suite-hero-art.unique-suite-art{aspect-ratio:1.5;max-height:none}}

/* Make the suite's value a clear choice and a concrete workflow comparison. */
.suite-connections{display:block;padding-top:60px;padding-bottom:70px}
.suite-value-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;align-items:center;margin-bottom:34px}
.suite-value-intro>.eyebrow{grid-column:1/-1;margin-bottom:18px}
.suite-value-intro h2{font-size:clamp(36px,3.6vw,56px);line-height:1.1;margin:0}
.suite-value-intro h2 em{font-weight:400;color:var(--teal)}
.suite-value-intro>p:last-child{font-size:17px;line-height:1.75;margin:0;max-width:650px}
.suite-paths{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}
.suite-path{padding:32px;border-radius:10px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.solo-path{background:#f0eee5}
.suite-path h3{font-family:Georgia,serif;font-size:clamp(29px,2.7vw,42px);line-height:1.15;font-weight:400;margin:5px 0 20px;letter-spacing:-.025em}
.suite-path p:not(.eyebrow){font-size:16px;line-height:1.75;margin:0 0 22px}
.solo-path .text-link{margin-top:auto;display:inline-flex;gap:9px;align-items:center}
.connected-path{background:#164f50;color:#fffaf1;border-color:#164f50}
.connected-path .eyebrow{color:#e8c8a1}
.connected-path p{color:#f0f2e9}
.suite-purpose-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0 0 24px}
.suite-purpose-list span{padding:10px 13px;border:1px solid #ffffff30;border-radius:5px;font-size:14px;line-height:1.4;color:#fffaf1}
.connected-path p.suite-time-message{border-top:1px solid #ffffff30;padding-top:18px;margin:0;font-size:17px;font-weight:600}
.suite-comparison{margin-top:48px;scroll-margin-top:110px}
.comparison-intro{max-width:900px;margin-bottom:26px}
.comparison-intro h3{font-family:Georgia,serif;font-size:clamp(27px,2.5vw,36px);font-weight:400;line-height:1.25;letter-spacing:-.02em;margin:0 0 18px}
.comparison-intro p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:800px}
.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.suite-comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.65}
.suite-comparison-table th,.suite-comparison-table td{padding:24px;vertical-align:top;border-bottom:1px solid var(--line)}
.suite-comparison-table thead th{background:#eaece3;font-size:14px;font-weight:600}
.suite-comparison-table thead th:last-child{background:#dce8df;color:#164f50}
.suite-comparison-table tbody th{width:24%;font-weight:600}
.suite-comparison-table tbody th a{display:inline-flex;align-items:center;gap:7px;font-size:16px;text-decoration:none;white-space:nowrap}
.suite-comparison-table tbody th span:not(a span){display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:8px}
.suite-comparison-table td{width:38%;color:var(--muted)}
.suite-comparison-table td:last-child{background:#eef3eb}
.suite-comparison-table td strong{display:block;color:#164f50;margin-bottom:6px}
.suite-comparison-table tbody tr:last-child>*{border-bottom:0}
.suite-comparison-table a:hover{color:var(--copper)}
.suite-comparison-table a:focus-visible,.solo-path a:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.suite-value-close{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding:28px 32px;background:#f2f1ed;border:1px solid #e0e1da;border-left:4px solid #087d7b;border-radius:12px}
.suite-value-close h3{font-family:Georgia,serif;font-size:clamp(29px,3vw,36px);font-weight:500;color:#087d7b;margin:0 0 8px}
.suite-value-close p{margin:0;font-size:16px}
.suite-value-close .button{background:#087d7b}
.suite-value-close .button:hover{background:#006b69}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.suite-path{padding:26px}.suite-comparison-table th,.suite-comparison-table td{padding:19px}.suite-purpose-list{grid-template-columns:1fr}.suite-paths{grid-template-columns:1fr 1.15fr}}
@media(max-width:760px){.suite-connections{padding-top:38px;padding-bottom:45px}.suite-value-intro{grid-template-columns:1fr;gap:20px}.suite-value-intro>.eyebrow{margin-bottom:0}.suite-value-intro h2{font-size:39px}.suite-paths{grid-template-columns:1fr;gap:18px}.suite-path{padding:26px}.suite-path h3{font-size:32px}.suite-purpose-list{grid-template-columns:1fr 1fr}.suite-comparison{margin-top:34px}.suite-comparison-table{min-width:680px}.suite-value-close{flex-direction:column;align-items:flex-start}.comparison-intro h3 br{display:none}}

/* Align the introduction and choice cards on the same column boundary. */
.suite-value-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:24px}
.suite-paths{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
.suite-tools-intro{margin-bottom:30px;max-width:820px}
.suite-tools-intro h2{font-size:clamp(32px,3vw,46px);line-height:1.15;margin:0 0 18px}
.suite-tools-intro>p:last-child{font-size:17px;line-height:1.7;margin:0}
@media(min-width:761px) and (max-width:1000px){.suite-value-intro,.suite-paths{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
@media(max-width:760px){.suite-value-intro,.suite-paths{grid-template-columns:minmax(0,1fr)}.suite-tools-intro h2{font-size:34px}}

/* One clear introduction, consolidated copy, and an intentional comparison action. */
.suite-value-intro{display:block;margin-bottom:30px}
.suite-value-intro h2{font-size:clamp(32px,3.1vw,48px);max-width:none;line-height:1.2}
.connected-path h3{font-size:clamp(27px,2.35vw,36px);line-height:1.2}
.solo-path .suite-connections-button{margin-top:auto;min-height:54px;padding:16px 22px;text-align:left;gap:20px;font-size:15px;background:#fffaf1;border:1px solid #164f50;color:#164f50}
@media(hover:hover){.solo-path .suite-connections-button:hover{background:#164f50;color:#fffaf1;box-shadow:0 5px 14px #164f5020}}
@media(max-width:760px){.suite-value-intro h2{font-size:34px}.connected-path h3{font-size:30px}.solo-path .suite-connections-button{width:100%;justify-content:space-between;font-size:14px}}

/* Keep paragraph endings intentional, with balanced lines for the suite pitch. */
p{ text-wrap:pretty }
.suite-hero-copy>p:not(.eyebrow){text-wrap:balance;max-width:670px}
.solo-path .suite-connections-button{align-self:center}

/* A coherent set of four workflow tiles inside the suite panel. */
.suite-purpose-list{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.suite-purpose-list>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:94px;padding:16px 12px;text-align:center;background:#ffffff0c;border:1px solid #ffffff30;border-radius:8px}
.suite-purpose-list>span>svg{width:27px;height:27px;flex-shrink:0;color:#e8c8a1}
.suite-purpose-list .suite-purpose-label{display:block;padding:0;border:0;border-radius:0;background:none;font-size:14px;font-weight:500;line-height:1.4;text-align:center;text-wrap:balance}
@media(max-width:760px){.suite-purpose-list{gap:10px}.suite-purpose-list>span{min-height:90px;padding:14px 10px}.suite-purpose-list .suite-purpose-label{font-size:13px}}

/* Time is the focal benefit of the connected suite. */
.suite-paths .suite-time-message{width:100%;margin-top:4px;padding:24px;border:1px solid #e8c8a166;border-radius:8px;background:#fffaf1;color:#164f50}
.suite-paths .suite-time-message>.eyebrow{color:#164f50;font-size:11px;letter-spacing:.16em;margin:0 0 12px}
.suite-time-message h4{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px;color:#164f50;text-wrap:balance}
.suite-time-message h4 em{color:#a9562e;font-weight:400}
.suite-paths .suite-time-message>p:last-child{color:#164f50;margin:0;font-size:17px;line-height:1.5}
@media(max-width:760px){.suite-paths .suite-time-message{padding:22px}.suite-time-message h4{font-size:34px}.suite-paths .suite-time-message>p:last-child{font-size:16px}}

/* A typographic illustration of time returned, with real responsive text. */
.suite-paths .suite-time-message.time-poster{position:relative;isolation:isolate;overflow:hidden;padding:30px 32px 28px;border:0;border-radius:9px;background:#fffaf1;min-height:270px}
.time-poster-art{position:absolute;right:-12px;top:-7px;width:49%;height:100%;object-fit:contain;z-index:-1;opacity:.9}
.time-poster-copy{position:relative;max-width:100%}
.suite-paths .time-poster-copy>.eyebrow{font-size:14px;letter-spacing:.08em;text-transform:none;color:#164f50;margin:0 0 6px}
.time-poster-copy h4{font-size:clamp(72px,7.8vw,112px);font-style:italic;letter-spacing:-.065em;line-height:1.03;color:#a9562e;margin:0 0 21px;text-wrap:nowrap}
.suite-paths .time-poster-copy>p:last-child{max-width:69%;font-size:16px;line-height:1.6;color:#164f50;margin:0;text-wrap:balance}
@media(max-width:1000px){.suite-paths .suite-time-message.time-poster{padding:27px 24px}.time-poster-art{width:53%;right:-34px;opacity:.65}.time-poster-copy h4{font-size:82px}.suite-paths .time-poster-copy>p:last-child{max-width:85%}}
@media(max-width:760px){.suite-paths .suite-time-message.time-poster{padding:25px 22px;min-height:260px}.time-poster-art{width:55%;right:-22px;top:-10px;opacity:.6}.time-poster-copy h4{font-size:86px}.suite-paths .time-poster-copy>.eyebrow{font-size:12px}.suite-paths .time-poster-copy>p:last-child{font-size:15px;max-width:100%;padding-right:0}}

/* Compact choices, followed by one full-width illustration of the time benefit. */
.suite-paths{align-items:stretch}
.solo-path .suite-connections-button{margin-top:12px}
.suite-paths .suite-time-message.time-poster{grid-column:1/-1;margin:0;min-height:235px;padding:30px 38px;border:1px solid #d9dfd3;background:#fffaf1}
.time-poster-art{width:28%;height:115%;right:0;top:-16px;opacity:.95}
.time-poster-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px 30px;padding-right:28%;align-items:center}
.suite-paths .time-poster-copy>.eyebrow{grid-column:1/-1;font-size:14px;margin:0 0 2px}
.time-poster-copy h4{font-size:clamp(88px,8.5vw,130px);margin:0}
.suite-paths .time-poster-copy>p:last-child{font-size:clamp(18px,1.7vw,24px);line-height:1.6;max-width:100%;margin:0;text-wrap:balance}
@media(max-width:1000px){.suite-paths .suite-time-message.time-poster{padding:28px}.time-poster-copy{padding-right:25%;column-gap:20px;grid-template-columns:1fr 1.25fr}.time-poster-copy h4{font-size:88px}.suite-paths .time-poster-copy>p:last-child{font-size:18px}.time-poster-art{width:27%;right:-12px}}
@media(max-width:760px){.suite-paths .suite-time-message.time-poster{padding:28px 25px;min-height:255px}.time-poster-copy{display:block;padding-right:0;max-width:100%}.time-poster-copy h4{font-size:92px;margin:6px 0 17px}.suite-paths .time-poster-copy>p:last-child{font-size:17px;max-width:100%}.time-poster-art{width:60%;height:100%;top:0;right:-22px;opacity:.18}.suite-paths .time-poster-copy>.eyebrow{font-size:13px}}

/* Tactile editorial artwork replaces the flat clock drawing. */
.time-poster-art{width:29%;height:100%;object-fit:contain;right:12px;top:0;opacity:1}
@media(max-width:1000px){.time-poster-art{width:28%;right:0;top:0;opacity:1}}
@media(max-width:760px){.time-poster-art{width:43%;height:160px;right:2px;top:12px;opacity:1}.time-poster-copy h4{font-size:76px;max-width:56%;margin-top:10px;margin-bottom:28px}.suite-paths .time-poster-copy>.eyebrow{max-width:65%;font-size:12px}.suite-paths .time-poster-copy>p:last-child{position:relative;font-size:16px}}

/* Keep the promise of time in one composed typographic block beside the art. */
.suite-paths .suite-time-message.time-poster{display:flex;align-items:center;min-height:320px;padding:32px 40px;background:linear-gradient(110deg,#fffaf1 0%,#fffaf1 58%,#f3f1e7 100%)}
.time-poster-copy{display:block;width:68%;max-width:900px;padding:0;text-align:center}
.suite-paths .time-poster-copy>.eyebrow{margin:0 0 9px;max-width:none;font-size:14px;letter-spacing:.12em;color:#164f50}
.time-poster-copy h4{font-size:clamp(94px,9vw,140px);line-height:.98;margin:0 0 22px;max-width:none;letter-spacing:-.055em}
.suite-paths .time-poster-copy>p:last-child{max-width:640px;margin:0 auto;font-size:19px;line-height:1.6;text-align:center;text-wrap:balance}
.time-poster-copy p strong{display:block;font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.3;margin-bottom:5px;color:#164f50}
.time-poster-copy p>span{display:block}
.time-poster-art{width:31%;height:100%;right:20px;top:0;opacity:1}
@media(max-width:1000px){.suite-paths .suite-time-message.time-poster{min-height:300px;padding:30px}.time-poster-copy{width:67%}.time-poster-copy h4{font-size:106px}.time-poster-copy p strong{font-size:24px}.suite-paths .time-poster-copy>p:last-child{font-size:17px}.time-poster-art{width:32%;right:8px}}
@media(max-width:760px){.suite-paths .suite-time-message.time-poster{flex-direction:column;gap:14px;padding:28px 22px;min-height:0}.time-poster-copy{width:100%;max-width:none;order:0}.time-poster-copy h4{font-size:100px;margin:0 0 18px;max-width:none}.suite-paths .time-poster-copy>.eyebrow{max-width:none;font-size:12px;margin-bottom:10px}.time-poster-copy p strong{font-size:23px}.suite-paths .time-poster-copy>p:last-child{font-size:16px;max-width:100%}.time-poster-art{position:static;width:190px;height:190px;max-width:65%;opacity:1;order:1}}

/* Each connection tells a short story, rather than occupying a spreadsheet row. */
.connection-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.connection-story{--connection-accent:#a9562e;--connection-tint:#f6eee4;display:flex;flex-direction:column;background:#fffaf3;border:1px solid #d9dfd3;border-top:4px solid var(--connection-accent);border-radius:10px;overflow:hidden}
.meal-patterns-story{--connection-accent:#164f50;--connection-tint:#eaf1ea}
.resource-weave-story{--connection-accent:#643748;--connection-tint:#f2eaf0}
.connection-identity{padding:27px 25px 22px}
.connection-identity>.eyebrow{color:var(--connection-accent);font-size:11px;margin-bottom:18px}
.connection-identity h4{margin:0;font-size:25px}
.connection-identity h4>a{display:flex;align-items:center;gap:10px;text-decoration:none;max-width:100%;min-height:48px}
.connection-identity .tool-logo-lockup{max-width:calc(100% - 27px);max-height:54px;width:auto;height:auto;object-fit:contain}
.connection-tool-arrow{flex-shrink:0;color:var(--connection-accent);font-size:21px;transition:transform .2s}
.connection-identity .resource-logo-lockup{min-width:0;max-width:calc(100% - 27px)}
.connection-identity .resource-logo-lockup img{width:34px;height:34px}
.connection-identity .product-name{font-size:23px}
.connection-manual{padding:0 25px 18px;flex:1}
.connection-label{font-size:11px!important;font-weight:600;letter-spacing:.065em;text-transform:uppercase;line-height:1.5!important;margin:0 0 12px!important;color:var(--connection-accent)}
.connection-manual>p:last-child,.connection-gain>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);margin:0;text-wrap:pretty}
.connection-transition{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 25px 15px;color:var(--connection-accent)}
.connection-transition:before,.connection-transition:after{content:'';height:1px;background:#d9dfd3;flex:1}
.connection-transition>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--connection-tint);font-size:21px}
.connection-gain{padding:25px;background:var(--connection-tint);flex:1.6}
.connection-gain h5{font-family:Georgia,serif;font-size:25px;line-height:1.2;letter-spacing:-.02em;font-weight:400;margin:0 0 16px;color:var(--connection-accent);text-wrap:balance}
.connection-identity a:focus-visible{outline:3px solid var(--connection-accent);outline-offset:6px;border-radius:3px}
@media(hover:hover){.connection-identity a:hover .connection-tool-arrow{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:reduce){.connection-tool-arrow{transition:none}.connection-identity a:hover .connection-tool-arrow{transform:none}}
@media(max-width:1100px){.connection-stories{gap:16px}.connection-identity{padding:23px 20px 18px}.connection-manual{padding:0 20px 18px}.connection-gain{padding:23px 20px}.connection-identity .product-name{font-size:20px}.connection-gain h5{font-size:23px}}
@media(max-width:850px){.connection-stories{grid-template-columns:1fr;gap:22px}.connection-story{display:grid;grid-template-columns:1fr 1.15fr}.connection-identity{grid-column:1/-1;padding:25px}.connection-identity h4>a{justify-content:flex-start}.connection-identity .tool-logo-lockup{max-width:270px}.connection-manual{padding:0 25px 25px}.connection-gain{padding:25px;border-radius:8px 0 0 0}.connection-transition{display:none}}
@media(max-width:580px){.connection-story{display:flex}.connection-identity{padding:25px 25px 18px}.connection-manual{padding:0 25px 22px}.connection-transition{display:flex}.connection-gain{padding:25px;border-radius:0}}

/* A compact integration comparison leaves product-card browsing to the next section. */
.connection-accordion{margin-top:30px;border-top:1px solid #c7cec3}
.connection-detail{--connection-accent:#a9562e;--connection-tint:#f6eee4;border-bottom:1px solid #c7cec3}
.meal-patterns-detail{--connection-accent:#164f50;--connection-tint:#eaf1ea}
.resource-weave-detail{--connection-accent:#643748;--connection-tint:#f2eaf0}
.connection-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:25px 8px;cursor:pointer;color:var(--ink)}
.connection-detail>summary::-webkit-details-marker{display:none}
.connection-summary-copy{display:flex;flex-direction:column;gap:6px}
.connection-detail .connection-label{display:block;color:var(--connection-accent);margin:0!important}
.connection-summary-title{font-family:Georgia,serif;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
.connection-expand{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--connection-tint);color:var(--connection-accent);font-size:27px;font-weight:400;transition:transform .2s,background .2s}
.connection-detail[open] .connection-expand{transform:rotate(45deg)}
.connection-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px;padding:2px 8px 28px;align-items:start}
.connection-detail .connection-manual{padding:20px 0 0;max-width:550px}
.connection-detail .connection-manual .connection-label,.connection-detail .connection-gain .connection-label{margin-bottom:12px!important}
.connection-detail .connection-gain{padding:24px 27px;border-radius:9px;background:var(--connection-tint)}
.connection-detail .connection-gain h5{font-size:27px;text-wrap:pretty}
.connection-detail .connection-manual>p:last-child,.connection-detail .connection-gain>p:last-child{font-size:16px;line-height:1.7}
.connection-detail>summary:focus-visible{outline:3px solid var(--connection-accent);outline-offset:5px;border-radius:5px}
@media(hover:hover){.connection-detail>summary:hover .connection-summary-title{color:var(--connection-accent)}.connection-detail>summary:hover .connection-expand{background:#dce8df}}
@media(prefers-reduced-motion:reduce){.connection-expand{transition:none}}
@media(max-width:760px){.connection-detail>summary{padding:22px 2px;gap:15px}.connection-summary-title{font-size:25px}.connection-detail-body{grid-template-columns:1fr;gap:18px;padding:0 2px 24px}.connection-detail .connection-manual{padding-top:0}.connection-detail .connection-gain{padding:22px}.connection-detail .connection-gain h5{font-size:25px}.connection-expand{width:35px;height:35px}}

/* Use both sides of the comparison introduction with aligned explanatory copy. */
.comparison-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 6%;align-items:center;max-width:none;margin-bottom:30px}
.comparison-intro>.eyebrow{grid-column:1/-1;margin-bottom:20px}
.comparison-intro h3{font-size:clamp(28px,2.6vw,39px);line-height:1.25;margin:0;max-width:none;text-wrap:balance}
.comparison-intro>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:none;margin:0;align-self:center;text-wrap:pretty}
@media(max-width:760px){.comparison-intro{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.comparison-intro>.eyebrow{margin-bottom:0}.comparison-intro h3{font-size:29px}.comparison-intro>p:not(.eyebrow){font-size:16px}}

/* The connection comparisons have their own styling, independent of FAQs. */
.connection-detail{padding:0}
.connection-detail p{padding:0;max-width:none}
.connection-detail>summary .connection-summary-copy,.connection-detail>summary .connection-summary-copy>span,.connection-detail[open]>summary .connection-summary-copy,.connection-detail[open]>summary .connection-summary-copy>span{transform:none}
.connection-summary-title{color:var(--ink)}

/* The complete time feature is a single art-directed image, with a mobile composition. */
.suite-paths .suite-time-message.time-poster{display:block;grid-column:1/-1;padding:0;margin:0;min-height:0;border:0;border-radius:10px;background:none;overflow:hidden}
.time-feature-art{display:block;width:100%;margin:0}
.time-feature-art>img{display:block;width:100%;height:auto;margin:0;max-width:none}

/* Match each comparison headline to its label, expanded heading, and plus icon. */
.connection-detail>summary .connection-summary-title{color:var(--connection-accent)}

/* A full-width teal boundary introduces the connected-practice message. */
.suite-start-band{width:100%;padding:21px 6%;background:#164f50}
.suite-start-band>p{max-width:1320px;margin:0 auto;color:#fffaf1;font-size:13px;font-weight:700;letter-spacing:.14em;line-height:1.6;text-align:center;text-wrap:balance}
.suite-start-band+.suite-connections{padding-top:43px}
@media(max-width:760px){.suite-start-band{padding:18px 6%}.suite-start-band>p{font-size:11px;letter-spacing:.12em}.suite-start-band+.suite-connections{padding-top:32px}}

/* Match the bar's text edge to the same container and gutters as Start below. */
.suite-start-band{padding:0}
.suite-start-band>p{max-width:1500px;margin:0 auto;padding:21px 6%;text-align:left}
@media(max-width:760px){.suite-start-band{padding:0}.suite-start-band>p{padding:18px 6%}}

/* Give the connection comparison its own full-width mulberry section bar. */
.suite-start-band.suite-connections-band{background:var(--mulberry)}
.suite-comparison-section{padding-top:43px;padding-bottom:65px}
.suite-comparison-section>.suite-comparison{margin-top:0}
@media(max-width:760px){.suite-comparison-section{padding-top:32px;padding-bottom:45px}}
.suite-start-band.suite-tools-band{background:var(--copper)}
.suite-tools-band+.suite-products{padding-top:43px}
@media(max-width:760px){.suite-tools-band+.suite-products{padding-top:32px}}

/* Inline names retain normal typography while using their wordmark's split colors. */
.tool-name{--tool-first:#062739;--tool-brand:#087d7b;color:var(--tool-first);white-space:nowrap}
.tool-name--session-tapestry{--tool-brand:#803d60}
.tool-name--nutrition-measure{--tool-brand:#a9562e}
.tool-name--meal-patterns,.tool-name--resource-weave{--tool-brand:#087d7b}
.tool-name .tool-name-first{color:var(--tool-first);font-size:inherit;transform:none}
.tool-name .tool-name-last{color:var(--tool-accent,var(--tool-brand));font-size:inherit;transform:none}
.connected-path .tool-name,.button:not(.secondary) .tool-name,.suite-start-band .tool-name{--tool-first:#fffaf1;--tool-accent:color-mix(in srgb,var(--tool-brand) 45%,#fffaf1)}
@media(hover:hover){.solo-path .suite-connections-button:hover .tool-name{--tool-first:#fffaf1;--tool-accent:color-mix(in srgb,var(--tool-brand) 45%,#fffaf1)}}

/* Preserve the complete founder portrait without cropping or distortion. */
.story-art.founder-portrait{width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;border-radius:10px}
@media(max-width:760px){.story-art.founder-portrait{max-width:480px;margin-inline:auto}}

/* A dedicated loom story complements the founder portrait. */
.story-loom-section{background:#edf4f1;border-top:1px solid #d5e3dd;align-items:center;gap:clamp(32px,6vw,90px)}
.story-loom-copy h2{margin-bottom:26px}
.story-loom-copy p:not(.eyebrow){max-width:490px;font-size:18px;line-height:1.75}
.story-loom-copy p+p{margin-top:20px}
.story-loom-art{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 40px #164f5012}
@media(max-width:760px){.story-loom-copy p:not(.eyebrow){font-size:16px}.story-loom-art{max-width:520px;margin-inline:auto}}

/* Compact story layout for the updated founder portrait. */
.story-page-hero{padding:30px 6% 26px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:6%;align-items:center;background:#fbf8ef}
.story-page-hero>.eyebrow{grid-column:1/-1;margin:0 0 14px}
.story-page-hero h1{font-size:clamp(38px,4.2vw,58px)}
.story-page-hero>p:not(.eyebrow){margin:0;max-width:590px;font-size:17px;line-height:1.65}
.story-loom-section{padding-block:32px 36px;background:#f4f5ec;gap:5%;border-top:0}
.story-loom-art{max-width:460px;margin-left:auto;box-shadow:none}
.story-loom-copy h2{margin-bottom:20px}
.story-loom-copy .eyebrow{margin-top:0;margin-bottom:14px}
.story-loom-copy p:not(.eyebrow){font-size:17px;line-height:1.65}
.story-founder-section{padding-block:40px 48px;align-items:center;gap:6%}
.founder-portrait-frame{position:relative;max-width:460px;overflow:hidden;border-radius:10px}
.founder-portrait-frame .founder-portrait{border-radius:0}
@media(max-width:760px){.story-page-hero{grid-template-columns:1fr;padding-block:24px}.story-page-hero>p:not(.eyebrow){margin-top:16px}.story-loom-section{padding-block:24px 28px;gap:24px}.story-loom-art{max-width:400px;margin-inline:auto}.story-founder-section{padding-block:28px 36px;gap:26px}.founder-portrait-frame{max-width:400px;margin-inline:auto}}

/* Give the loom story purpose and the founder action room to breathe. */
.story-loom-section{grid-template-columns:1.08fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
.story-loom-art{width:100%;max-width:none;margin:0}
.story-loom-copy p:not(.eyebrow){max-width:none}
.story-loom-copy .loom-story-payoff{margin-top:30px;padding-top:24px;border-top:1px solid #d5d9cb}
.story-loom-copy .loom-story-payoff h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0;color:#803d60}
.story-loom-copy .loom-story-payoff h3 em{color:#165a50;font-style:normal}
.story-loom-copy .loom-story-payoff p{margin-top:18px;font-size:16px;line-height:1.65}
.story-founder-section .button{margin-top:28px}
@media(max-width:760px){.story-loom-section{grid-template-columns:1fr;gap:26px}.story-loom-art{max-width:420px;margin-inline:auto}.story-loom-copy .loom-story-payoff{margin-top:24px;padding-top:20px}.story-founder-section .button{margin-top:24px}}

/* Balance story headlines and avoid isolated last words. */
.story-founder-section h2,.story-page-hero h1,.story-loom-copy h2{text-wrap:balance}
.story-founder-section p,.story-loom-copy p{text-wrap:pretty}
@media(min-width:761px) and (max-width:1080px){.header{gap:20px}nav{gap:18px}.brand{width:225px}}

/* Neutral comparison labels and an intentional companion card. */
.connection-detail .connection-label{color:#353a38}
.connection-detail-body{align-items:stretch}
.connection-detail .connection-manual{max-width:none;padding:24px 27px;background:#f2f1ed;border:1px solid #e0e1da;border-radius:9px}
@media(max-width:760px){.connection-detail .connection-manual{padding:22px}}

/* ResourceWeave's approved blue-green teal identity. */
.tool-name--resource-weave{--tool-brand:#6da4a5}
.resource-weave-story,.resource-weave-detail{--connection-accent:#3d7375;--connection-tint:#e6f0f0}

/* Approved Nutrition Loom mark and legible header wordmark. */
.brand{display:flex;align-items:center;gap:10px;width:255px}
.brand img.brand-mark{width:44px;height:48px;object-fit:contain;flex:0 0 auto}
.brand-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;letter-spacing:.025em;line-height:1.1;color:#203b3b;white-space:nowrap}
.footer-wordmark{display:block;font-size:14px;font-weight:700;letter-spacing:.025em;color:#203b3b;margin:0 0 12px}
.footer-logo{display:none}
.tool-name--meal-patterns{--tool-brand:#087d7b}
.product-card[href="/tools/meal-patterns/"]{background:#f2f1ed;border-color:#dedfd9}
.product-card[href="/tools/meal-patterns/"]:before{background:#087d7b}
.product-card[href="/tools/resource-weave/"]{background:#f7fbfa;border-color:#d3e2df}
.product-card[href="/tools/resource-weave/"]:before{background:#6da4a5}

/* Product pages host isolated, sample-only interactive demos. */
.demo-screen{overflow:hidden}
.nutrition-demo-tabs{display:flex;gap:8px;padding:12px 16px;background:#f2f1ed;border-bottom:1px solid #e0e1da}
.nutrition-demo-tabs [role="tab"]{border:1px solid #cdd8d1;background:#fffdfa;border-radius:6px;padding:9px 14px;font:600 13px Arial,Helvetica,sans-serif;color:#203b3b;cursor:pointer}
.nutrition-demo-tabs [role="tab"][aria-selected="true"]{background:#087d7b;border-color:#087d7b;color:#fff}
.nutrition-demo-tabs [role="tab"]:focus-visible{outline:3px solid #b7653f;outline-offset:2px}
.demo-frame{display:block;width:100%;border:0;background:#f6f8f5}
.demo-frame[hidden]{display:none}
.demo-frame[data-demo="session-tapestry"]{height:800px}
.demo-frame[data-demo="meal-patterns"]{height:820px}
.demo-frame[data-demo="resource-weave"]{height:780px}
.demo-frame[data-demo-frame="adult"]{height:740px}
.demo-frame[data-demo-frame="peds"]{height:830px}
.demo-screen figcaption{padding:12px 18px;font-size:12px;color:#64716a}
@media(max-width:760px){.nutrition-demo-tabs{padding:10px;flex-wrap:wrap}.demo-frame[data-demo="session-tapestry"]{height:980px}.demo-frame[data-demo="meal-patterns"]{height:1050px}.demo-frame[data-demo="resource-weave"]{height:1050px}.demo-frame[data-demo-frame="adult"]{height:950px}.demo-frame[data-demo-frame="peds"]{height:1120px}}


/* Direct access to each tool from the shared website header. */
.header{z-index:30}
nav .tools-dropdown{position:relative;border:0;padding:0;margin:0}
nav .tools-dropdown>summary{display:flex;align-items:center;gap:7px;padding:10px 0;font:inherit;line-height:1.6;font-weight:400;list-style:none;white-space:nowrap;cursor:pointer}
nav .tools-dropdown>summary::-webkit-details-marker{display:none}
nav .tools-dropdown>summary:hover,nav .tools-dropdown>summary.tools-active{color:var(--copper)}
nav .tools-dropdown>summary .tools-caret{font-size:14px;line-height:1;color:currentColor;transform:none}
nav .tools-dropdown[open]>summary .tools-caret{transform:rotate(180deg)}
nav .tools-panel{position:absolute;top:calc(100% + 10px);left:0;width:260px;padding:8px;background:var(--paper);border:1px solid #d3dcd4;border-radius:9px;box-shadow:0 12px 30px #203b3b1c;z-index:31}
nav .tools-panel a{display:block;padding:11px 13px;border-radius:5px;font-size:14px;line-height:1.4}
nav .tools-panel a:first-child{border-bottom:1px solid var(--line);border-radius:5px 5px 0 0;margin-bottom:5px;padding-bottom:14px}
nav .tools-panel a:hover,nav .tools-panel a[aria-current="page"]{background:#eaf0ea;color:var(--deep)}
@media(max-width:760px){nav .tools-dropdown>summary{padding:0;font-size:15px;justify-content:space-between}nav .tools-panel{position:static;width:100%;margin-top:12px;box-shadow:none}nav .tools-panel a{padding:12px 13px}}