.sy-symbol{display:inline-block;width:38px;height:38px;flex:0 0 auto;background:var(--sy-accent,#b6c2d0);mask:var(--sy-symbol) center/contain no-repeat;-webkit-mask:var(--sy-symbol) center/contain no-repeat}
#sy-business-home .service-card .sy-symbol{background:var(--tone)}
#sy-business-home .service-card h3.sy-impact{display:flex;gap:15px;align-items:center;font-size:38px;margin:0 0 14px;line-height:1.3}
#sy-business-home .service-card .sy-outcome{color:#edf2fa;font-size:16px;font-weight:700;line-height:1.7;margin:0 0 18px}
#sy-business-home .service-card details{padding:14px 0;border-top:1px solid #304052;border-bottom:0;margin-bottom:16px}
#sy-business-home .service-card details summary{font-size:12px;color:#bac7db;min-height:32px}
#sy-business-home .service-card details p{margin:14px 0;font-size:13px}
#sy-business-home .service-card details ul{margin-bottom:0}
.sy-value-section{padding:55px 0;border-block:1px solid #304052;background:#101a27}
.sy-value-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}
.sy-value-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.45;margin:0;letter-spacing:-.035em}
.sy-value-heading p{font-size:13px;color:#b6c2d0;max-width:390px;line-height:1.8;margin:0}
.sy-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sy-value-card{position:relative;min-width:0;padding:26px 24px;background:#142130;border:1px solid #304052;border-radius:5px}
.sy-value-card:not(:last-child)::after{content:'→';position:absolute;left:100%;width:22px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;line-height:1;color:#a5b9d0;z-index:1;font-size:18px;background:transparent;pointer-events:none}
.sy-value-card h3{display:flex;align-items:center;gap:16px;font-size:35px;line-height:1.3;margin:0 0 16px}
.sy-value-card p{font-size:14px;color:#e4ebf5;font-weight:700;margin:0;line-height:1.7}
.sy-value-card small{display:block;font-size:12px;color:#b6c2d0;margin-top:12px;line-height:1.8}
.sy-research{border-bottom:1px solid #304052;margin-top:24px;padding:12px 0;color:#b6c2d0;font-size:12px}
.sy-research summary{cursor:pointer;min-height:32px;line-height:1.7}
.sy-research p{max-width:870px;line-height:1.9}.sy-research a{text-decoration:underline;text-underline-offset:3px;color:#d8e6f7}
.website-production-page main>.detail-hero{order:10}.website-production-page main>.sy-value-section{order:20}.website-production-page main>.website-profile-section{order:30}.website-production-page main>.website-samples-section{order:40}.website-production-page main>.website-plans-section{order:50}.website-production-page main>.website-production-scope{order:60}.website-production-page main>#website-faq{order:70}.website-production-page main>.sy-connected{order:80!important}.website-production-page main>.detail-cta{order:90}
.workflow-quick-page main>.detail-hero{order:10}.workflow-quick-page main>.sy-value-section{order:20}.workflow-quick-page main>#industry-examples{order:30}.workflow-quick-page main>.workflow-price-section{order:40}.workflow-quick-page main>.workflow-consult-band{order:50}.workflow-quick-page main>.workflow-more-details{order:60}.workflow-quick-page main>.workflow-more-faq{order:70}.workflow-quick-page main>.sy-connected{order:80!important}.workflow-quick-page main>.detail-cta{order:90}
.detail-page .line-demo-copy h2{font-size:clamp(28px,3.3vw,40px);line-height:1.5}.sy-section-details{padding-block:30px;border-top:1px solid #304052;background:#0b111a}.sy-section-details>summary{width:min(1120px,calc(100% - 44px));margin:auto;font-size:18px;cursor:pointer;min-height:44px;line-height:1.8}
.detail-page .website-showcase-meta span{font-size:12px;color:#c3b0e7}
@media(max-width:800px){
.website-production-page main>.website-samples-section{order:30}.website-production-page main>.website-plans-section{order:40}.website-production-page main>.website-profile-section{order:50}
.sy-value-heading{display:block}.sy-value-heading p{margin-top:14px}.sy-value-grid{gap:12px}.sy-value-card{padding:20px 15px}.sy-value-card h3{font-size:28px;gap:10px}.sy-symbol{width:30px;height:30px}
}
@media(max-width:600px){
body.detail-page .detail-hero>.wrap{display:flex;flex-direction:column}
body.detail-page .detail-hero-grid{display:contents!important}
body.detail-page .sy-hero-copy{order:1}
body.detail-page .detail-summary{order:2;margin-top:22px;padding:16px 18px;gap:5px 12px}
body.detail-page .detail-summary dd{margin-bottom:8px}
body.detail-page .sy-orbit{order:3;width:100%;max-width:300px;aspect-ratio:1;margin:12px auto 0}
body.detail-page .sy-orbit svg text{font-size:17px}
body.detail-page .sy-orbit svg .orbit-main{font-size:26px;letter-spacing:0}
body.detail-page .sy-orbit svg .orbit-sub{font-size:13px}
body.detail-page .detail-hero{padding-bottom:26px}
body.detail-page .detail-hero .page-back-inline{display:none}
.sy-value-section{padding:35px 0}.sy-value-grid{grid-template-columns:1fr;gap:13px}.sy-value-card{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:14px;padding:19px 17px;align-items:center}.sy-value-card h3{font-size:25px;gap:8px;margin:0;grid-row:1 / 3}.sy-value-card p{font-size:13px}.sy-value-card small{font-size:11px;margin-top:5px}.sy-value-card:not(:last-child)::after{content:none}.sy-value-card .sy-symbol{width:26px;height:26px}.sy-value-heading h2{font-size:28px}
#sy-business-home .service-card h3.sy-impact{font-size:34px}#sy-business-home .service-card .sy-outcome{font-size:15px}
}
/* Make the disclosure affordance visible without changing approved copy. */
#sy-business-home .service-card details{border-top:0;padding:0;margin-bottom:20px}
#sy-business-home .service-card details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:54px;padding:12px 14px;border:1px solid #526176;border-radius:5px;background:#0b1421;color:#edf2fa;font-size:14px;font-weight:700;transition:border-color .2s,background .2s}
#sy-business-home .service-card details summary::-webkit-details-marker{display:none}
#sy-business-home .service-card details summary::after{content:'';width:26px;height:26px;flex:0 0 26px;border:1px solid var(--tone);border-radius:50%;background:linear-gradient(var(--tone),var(--tone)) center/12px 2px no-repeat,linear-gradient(var(--tone),var(--tone)) center/2px 12px no-repeat}
#sy-business-home .service-card details[open] summary{border-color:var(--tone);background:#1b2b3d}
#sy-business-home .service-card details[open] summary::after{background:linear-gradient(var(--tone),var(--tone)) center/12px 2px no-repeat}
#sy-business-home .service-card details summary:hover{border-color:var(--tone);background:#1b2b3d}
#sy-business-home .service-card details summary:focus-visible{outline:2px solid var(--tone);outline-offset:4px}
#sy-business-home .service-card details[open]{padding-bottom:12px}
@media(min-width:801px){#sy-business-home .service-card .sy-outcome{min-height:3.4em}}
@media(prefers-reduced-motion:reduce){#sy-business-home .service-card details summary{transition:none}}
/* Preserve all labels in the approved workflow diagram. */
body.workflow-quick-page img[src$="workflow-improvement-overview-dark.png"]{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;display:block}

/* LINE demo: show the purchasable package next to the live example. */
.line-demo-offer{border-top:1px solid #426255;margin:24px 0;padding:22px 0 8px}
.line-demo-offer .line-demo-offer-label{color:#a9d6bd;font-weight:700}
.line-demo-offer h3{font-size:clamp(22px,2.1vw,30px);line-height:1.6;margin:10px 0 18px}
.line-demo-offer-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}
.line-demo-offer-price strong{font-size:32px;line-height:1.4;white-space:nowrap;color:#fff}
.line-demo-offer-price strong span{font-size:14px}.line-demo-offer-price small{font-size:12px;color:#b6c2d0}
.line-demo-offer .line-demo-offer-note{font-size:12px;line-height:1.9;color:#b6c2d0}