/* EN Sounds familiar: four persistent cards, with no carousel dependency. */
.home-ux-2013 #sound-familiar .focus4-heading{max-width:100%;margin-bottom:32px}
.home-ux-2013 #sound-familiar .focus4-heading h2{font-size:clamp(34px,3.7vw,54px);max-width:24ch}
.home-ux-2013 .ux-situation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-ux-2013 .ux-situation{box-sizing:border-box;min-width:0;display:grid;grid-template-rows:auto auto 1fr auto;gap:20px;background:var(--soft,#EEF0FC);padding:32px;border-radius:26px}
.home-ux-2013 .ux-situation h3{margin:0;font:700 clamp(27px,2.4vw,34px)/1.15 PJS,sans-serif;letter-spacing:-.04em;color:var(--ink,#263153);text-wrap:balance}
.home-ux-2013 .ux-situation figure{margin:0;min-width:0;width:100%;max-width:440px;justify-self:center}
.home-ux-2013 .ux-situation img{display:block;width:100%;height:auto;aspect-ratio:600/440}
.home-ux-2013 .ux-situation p{margin:0;font-size:17px;line-height:1.6;color:var(--muted,#5C6480)}
.home-ux-2013 .ux-situation-tool{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0 4px;font-size:20px;font-weight:700;color:var(--blue,#4458AC);text-decoration:none;border-top:1px solid #4458ac40}
.home-ux-2013 .ux-situation-tool:focus-visible{outline:3px solid var(--blue,#4458AC);outline-offset:5px}
/* Only the existing catalogue receives the dark palette. Dimensions and routes are inherited. */
.home-ux-2013 main#top>.tools-section{background:var(--ink,#263153);color:var(--white,#FCFCFF)}
.home-ux-2013 .tools-section .section-kicker,.home-ux-2013 .tools-section .tools-heading h2,.home-ux-2013 .tools-section .tools-heading h2 span,.home-ux-2013 .tools-section .tool-family h3{color:var(--citron,#E4EE99)}
.home-ux-2013 .tools-section .tools-heading p{color:#DDE2F3}
.home-ux-2013 .tools-section .big-tool-card{background:#344164;color:var(--white,#FCFCFF);border:1px solid #5B698C;box-shadow:none}
.home-ux-2013 .tools-section .big-tool-card h4{color:var(--white,#FCFCFF)}
.home-ux-2013 .tools-section .big-tool-card p{color:#DDE2F3}
.home-ux-2013 .tools-section .big-tool-card .card-icon{background:var(--ink,#263153);color:var(--citron,#E4EE99)}
.home-ux-2013 .tools-section .big-tool-card .card-arrow{color:var(--citron,#E4EE99)}
.home-ux-2013 .tools-section .big-tool-card:hover,.home-ux-2013 .tools-section .big-tool-card:focus-visible{background:var(--citron,#E4EE99);color:var(--ink,#263153);outline-color:var(--white,#FCFCFF)}
.home-ux-2013 .tools-section .big-tool-card:hover h4,.home-ux-2013 .tools-section .big-tool-card:focus-visible h4,.home-ux-2013 .tools-section .big-tool-card:hover p,.home-ux-2013 .tools-section .big-tool-card:focus-visible p,.home-ux-2013 .tools-section .big-tool-card:hover .card-arrow,.home-ux-2013 .tools-section .big-tool-card:focus-visible .card-arrow{color:var(--ink,#263153)}
@media(max-width:760px){
 .home-ux-2013 #sound-familiar .focus4-heading{margin-bottom:24px}
 .home-ux-2013 #sound-familiar .focus4-heading h2{font-size:32px;max-width:18ch}
 .home-ux-2013 .ux-situation-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .home-ux-2013 .ux-situation{gap:18px;padding:24px;border-radius:20px}
 .home-ux-2013 .ux-situation h3{font-size:29px;line-height:1.14}
 .home-ux-2013 .ux-situation figure{max-width:360px}
 .home-ux-2013 .ux-situation p{font-size:16px;line-height:1.55}
 .home-ux-2013 .ux-situation-tool{font-size:18px}
}
.home-ux-2013 .ux-how-intro{font-size:18px;line-height:1.6;max-width:62ch;color:var(--muted,#5C6480);margin:24px 0 0}
@media(max-width:760px){.home-ux-2013 .ux-how-intro{font-size:16px;line-height:1.55}}

/* SITE7: named-section support extracted from acquired 893 styles; no old global token. */
.home-ux-2013 #how-it-works,.home-ux-2013 #tools,.home-ux-2013 #sound-familiar{height:auto;min-height:100svh;overflow:visible;padding-block:clamp(40px,6svh,64px)}
.home-ux-2013 #sound-familiar{padding-block:64px}
.home-ux-2013 #sound-familiar .focus4-heading h2{line-height:1.14;text-wrap:balance;margin:12px 0 0}
.home-ux-2013 .tools-section .tool-families{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto repeat(2,minmax(214px,1fr));gap:18px;margin-top:34px}
.home-ux-2013 .tools-section .tool-family,.home-ux-2013 .tools-section .cards-grid{display:contents}
.home-ux-2013 .tools-section .tool-family h3{grid-column:1/3;grid-row:1;margin:0 0 2px;font-size:14px}
.home-ux-2013 .tools-section .tool-family+ .tool-family h3{grid-column:3/5}
.home-ux-2013 .tools-section .big-tool-card{min-height:0!important;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 28px auto;gap:12px;align-content:start;padding:24px;border-radius:18px;transform:none}
.home-ux-2013 .tools-section .big-tool-card .card-icon{grid-area:auto;float:none;width:44px;height:44px;margin:0;border-radius:12px}
.home-ux-2013 .tools-section .big-tool-card .card-icon svg{width:28px;height:28px}
.home-ux-2013 .tools-section .big-tool-card h4{grid-area:auto;margin:0;font-size:20px;line-height:28px}
.home-ux-2013 .tools-section .big-tool-card p{grid-area:auto;clear:none;margin:0;max-width:none;font-size:14px;line-height:1.55}
.home-ux-2013 .tools-section .big-tool-card .card-arrow{top:24px;right:22px;font-size:22px}
.home-ux-2013 .tools-section .tool-family:first-child .big-tool-card:nth-child(1){grid-area:2/1}.home-ux-2013 .tools-section .tool-family:first-child .big-tool-card:nth-child(2){grid-area:2/2}.home-ux-2013 .tools-section .tool-family:first-child .big-tool-card:nth-child(3){grid-area:3/1}.home-ux-2013 .tools-section .tool-family:first-child .big-tool-card:nth-child(4){grid-area:3/2}
.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(1){grid-area:2/3}.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(2){grid-area:2/4}.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(3){grid-area:3/3}.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(4){grid-area:3/4}
@media(max-width:760px){
.home-ux-2013 .tools-section .tool-families{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(2,minmax(166px,1fr)) auto repeat(2,minmax(166px,1fr));gap:12px;margin-top:26px}
.home-ux-2013 .tools-section .tool-family h3{grid-area:1/1/2/3;margin:0 0 2px;font-size:13px}.home-ux-2013 .tools-section .tool-family+.tool-family h3{grid-area:4/1/5/3;margin:18px 0 2px}
.home-ux-2013 .tools-section .big-tool-card{padding:16px;border-radius:14px;grid-template-rows:34px 22px auto;gap:10px}.home-ux-2013 .tools-section .big-tool-card .card-icon{width:34px;height:34px;border-radius:10px}.home-ux-2013 .tools-section .big-tool-card .card-icon svg{width:23px;height:23px}.home-ux-2013 .tools-section .big-tool-card h4{font-size:15px;line-height:22px}.home-ux-2013 .tools-section .big-tool-card p{font-size:12px;line-height:1.5}.home-ux-2013 .tools-section .big-tool-card .card-arrow{display:none}
.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(1){grid-area:5/1}.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(2){grid-area:5/2}.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(3){grid-area:6/1}.home-ux-2013 .tools-section .tool-family:last-child .big-tool-card:nth-child(4){grid-area:6/2}

}
@media(max-width:760px){.home-ux-2013 #sound-familiar{padding-block:40px}}