/* BuddyLeader v4.2 — one editorial image family and one utility icon grammar. */
:root{
  --surface:#e7eeec;--control-line:#91a9a5;
  --radius-large:32px;--radius-card:20px;--radius-control:8px;
}
.icon{display:inline-block;width:1.125rem;height:1.125rem;flex:none;vertical-align:-.2em;overflow:visible}
a>.icon{margin-left:.3em}
.btn>.icon,.icon-heading>.icon{margin:0}
.icon-heading{display:flex;gap:14px;align-items:flex-start}
.icon-heading>.icon{width:24px;height:24px;margin-top:.22em}
h2.icon-heading>.icon{width:28px;height:28px}
.icon-heading>span{min-width:0}
.btn,.nav-contact{border-radius:var(--radius-control)}
.context-choices button{border-radius:var(--radius-control)}
.context-choices button[aria-pressed=true]{background:var(--surface);border-color:var(--control-line)}
.hero .image-frame{border-radius:var(--radius-large);box-shadow:none}
.hero .image-frame img{height:auto;aspect-ratio:3/2;object-fit:contain}
.image-key{gap:12px}
.image-key>.icon{width:16px;height:16px;color:var(--coral)}
.story-section{background:#f0f2ed;border-color:var(--line)}
.story-track{gap:28px}
.story-step{min-width:0}
.process-visual{margin:0 0 23px;border-radius:var(--radius-card);overflow:hidden;background:var(--sand);aspect-ratio:3/2}
.process-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.step-no{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:0}
.step-no .icon{width:18px;height:18px}
.story-step p{max-width:none}
.process-caption{font-size:11px;line-height:1.6;color:var(--muted);margin:24px 0 0}
.continuity{margin-top:24px;border-color:var(--line)}
.faq,.adjust{border-color:var(--line)}
.faq summary,.adjust summary{list-style:none;position:relative;padding-right:32px}
.faq summary::-webkit-details-marker,.adjust summary::-webkit-details-marker{display:none}
.faq summary::after,.faq[open] summary::after{content:none}
summary>.icon-chevron-down{position:absolute;right:0;top:.1em;width:20px;height:20px;transition:transform .18s ease}
details[open]>summary>.icon-chevron-down{transform:rotate(180deg)}
.trial-intro h2 em{color:#d1dfda}
.trial-intro .eyebrow,.trial-guide{color:#c8d8d0}
.trial-boundary{color:#e1eae6}
.trial-guide li>span,.adoption-steps li::before{width:29px;height:29px;border:1px solid var(--control-line);font-size:12px;font-weight:600;line-height:1}
.trial-guide li>span{color:var(--paper);background:transparent}
.adoption-steps li::before{background:var(--paper);color:var(--teal);left:-15px}
.adoption-steps li{border-color:var(--line)}
.demo{border-radius:var(--radius-card)}
.demo-top,.demo-message.ready,.outcome{background:var(--surface);color:var(--ink)}
.demo .note{background:var(--sand);border-left-color:var(--teal);color:var(--ink)}
.demo-message{background:var(--sand);color:var(--ink)}
.demo select,.demo input{border-color:var(--control-line);border-radius:var(--radius-control)}
.adoption-image img{height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:var(--radius-large)}
.adoption-image figcaption,.origin figcaption{font-size:11px;line-height:1.6}
.origin img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:12px}
.price-section{background:var(--sand)}
.price-card,.card{border-radius:var(--radius-card);border-color:var(--line);box-shadow:none}
.price-label .seat-label{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border-radius:var(--radius-control)}
.seat-label .icon{width:14px;height:14px}
.founding{background:var(--surface);border-radius:12px}
.chip{background:var(--surface);border-radius:var(--radius-control)}
.included{list-style:disc;padding-left:19px}
.included li::before{content:none}
.included li::marker{color:var(--teal)}
.footer{background:var(--surface);border-color:var(--line)}
.brand-signature{display:flex;align-items:center;gap:12px;margin-top:20px}
.brand-signature img{width:90px;height:60px;object-fit:contain;border-radius:8px}
.brand-signature small{font-size:11px;line-height:1.5;color:var(--muted)}
.agent-field select,.agent-brief{border-radius:var(--radius-control);border-color:var(--control-line);background:var(--white);color:var(--ink)}
.agent-page th{background:var(--surface)}
.agent-page .agent-note{border-left-color:var(--coral)}
.agent-page .agent-check input{accent-color:var(--teal)}
.agent-page .agent-actions .btn{gap:10px}
@media(max-width:1050px){.story-track{gap:22px}}
@media(max-width:780px){
 .story-track{grid-template-columns:1fr;gap:38px;max-width:600px;margin-inline:auto}
 .story-step{display:block}
 .process-visual{margin-bottom:20px}
 .step-no{font-size:11px;margin-top:0}
 .story-step h3{font-size:25px}
 .story-step p{font-size:15px;line-height:1.7;margin-top:12px}
 .process-caption{max-width:600px;margin-inline:auto}
 .adoption-image img{height:auto;aspect-ratio:3/2;border-radius:var(--radius-large)}
 .origin img{height:auto}
 .image-key{gap:8px}
}
@media(max-width:440px){
 .hero .image-frame,.adoption-image img{border-radius:20px}
 .process-visual{border-radius:20px}
 .image-key{font-size:10px;gap:6px}
 .image-key>.icon{width:14px;height:14px}
 .process-caption{font-size:11px}
 .prototype{flex-wrap:wrap}
 .nav nav .icon{width:14px;height:14px}
 h2.icon-heading{gap:10px}
 h2.icon-heading>.icon{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){summary>.icon-chevron-down{transition:none}}
@media print{.hero .image-frame img,.adoption-image img{height:auto}.story-step,.process-visual{break-inside:avoid}.trial-guide li>span{color:var(--ink)}}