/* Additive render treatment. The hero, original artworks and demos are untouched. */
.eh-home .gr-showcase{display:grid;grid-template-columns:.85fr 1.65fr;align-items:center;gap:16px;padding-block:45px 35px}
.gr-workspace-copy{position:relative;z-index:1}.gr-workspace-copy>.eh-eyebrow{font-size:11px;letter-spacing:.06em}.gr-workspace-copy h2{font-size:clamp(32px,3.2vw,45px);line-height:1.16;letter-spacing:-.04em;margin-top:15px}.gr-workspace-copy h2>span{color:var(--eh-accent)}.gr-workspace-copy>p{font-size:16px;color:var(--eh-muted);line-height:1.7;margin-top:18px;max-width:365px}.gr-workspace-copy>.eh-link{font-size:14px;margin-top:21px}
.gr-workspace-art{position:relative;isolation:isolate;margin:0;min-width:0;padding:10px 0 15px}.gr-workspace-art:before{content:'';position:absolute;inset:15% 0 5%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,var(--eh-glow-purple),transparent 70%)}.gr-workspace-art>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transition:translate .2s linear}.gr-workspace-art>figcaption{text-align:center;font-size:10px;line-height:1.5;color:var(--eh-muted);margin-top:11px}.eh-motion .gr-workspace-art.is-scene-visible>img{translate:0 calc((.5 - var(--scene-progress,.5))*18px)}
/* The rendered band keeps its width, long sweep and three unequal tangles. */
.eh-home .cp-problem.gr-context .vs-context-art{height:280px;margin:38px -12px 0;isolation:isolate}.eh-home .gr-context .cp-cable-render>img{inset:0;translate:none;width:100%;height:100%;min-height:0;object-fit:fill;opacity:1}:root[data-theme=dark] .eh-home .gr-context .cp-cable-render>img{opacity:.68}.gr-context-group{position:absolute;top:0;height:100%;width:33.333%}.gr-context-tools{left:0}.gr-context-knowledge{left:33.333%}.gr-context-questions{left:66.666%}
.gr-context-token{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--eh-line);border-radius:13px;background:var(--eh-panel);color:var(--ps-indigo);box-shadow:0 3px 6px color-mix(in srgb,var(--eh-ink) 6%,transparent),0 9px 15px color-mix(in srgb,var(--eh-ink) 4%,transparent)}.gr-context-token svg{width:26px;height:26px;stroke-width:1.9}.gr-context-token .bf-sofia-avatar{width:29px;height:29px;box-shadow:none}
.gr-context-tools .gr-token-a{left:17%;top:31%;transform:rotate(-10deg)}.gr-context-tools .gr-token-b{left:44%;top:15%;transform:rotate(18deg);color:var(--ps-cyan)}.gr-context-tools .gr-token-c{left:48%;top:57%;transform:rotate(17deg);color:var(--eh-accent)}.gr-context-tools .gr-token-d{left:28%;top:76%;transform:rotate(-17deg);color:var(--ps-mint)}.gr-context-tools .gr-token-e{left:72%;top:65%;transform:rotate(24deg);color:var(--ps-rose)}
.gr-context-knowledge .gr-context-token{border-radius:50%}.gr-context-knowledge .gr-token-a{left:45%;top:12%}.gr-context-knowledge .gr-token-b{left:43%;top:45%;color:var(--ps-rose)}.gr-context-knowledge .gr-token-c{left:63%;top:34%}.gr-context-knowledge .gr-token-d{left:58%;top:73%;color:var(--ps-mint)}
.gr-context-questions>span{position:absolute;white-space:nowrap;font-size:12px;line-height:1.5;padding:10px 12px;border:1px solid var(--eh-line);border-radius:10px;background:var(--eh-panel);color:var(--eh-ink);box-shadow:0 4px 8px color-mix(in srgb,var(--eh-ink) 5%,transparent)}.gr-context-questions>span:nth-child(1){left:17%;top:28%;transform:rotate(-2deg)}.gr-context-questions>span:nth-child(2){left:42%;top:46%;transform:rotate(2deg)}.gr-context-questions>span:nth-child(3){left:20%;top:69%;transform:rotate(-1deg)}
@media(max-width:1100px){.gr-context-token{width:42px;height:42px;border-radius:12px}.gr-context-token svg{width:23px;height:23px}.gr-context-questions>span{font-size:10px;padding:8px 10px}.gr-context-questions>span:nth-child(2){left:34%}.gr-workspace-copy>p{font-size:15px}}
@media(max-width:900px){.eh-home .gr-showcase{grid-template-columns:1fr;gap:15px;padding-block:35px}.gr-workspace-copy h2{font-size:38px}.gr-workspace-copy h2 br{display:none}.gr-workspace-copy h2>span:before{content:' '}.gr-workspace-copy>p{max-width:620px}.gr-workspace-art{max-width:800px;width:100%;margin:auto}}
@media(max-width:760px){.eh-home .cp-problem.gr-context .vs-context-art{height:230px;margin-top:30px}.gr-context-token{width:35px;height:35px;border-radius:10px}.gr-context-token svg{width:21px;height:21px}.gr-context-token .bf-sofia-avatar{width:23px;height:23px}.gr-context-questions>span{font-size:9px;padding:7px 8px;border-radius:8px}.gr-context-questions>span:nth-child(1){left:10%}.gr-context-questions>span:nth-child(2){left:25%}.gr-context-questions>span:nth-child(3){left:4%}}
@media(max-width:520px){.gr-workspace-copy h2{font-size:31px}.gr-workspace-copy>p{font-size:15px}.gr-workspace-art{padding-block:0 8px}.gr-workspace-art>figcaption{font-size:9px;margin-top:6px}.eh-home .cp-problem.gr-context .vs-context-art{height:170px;margin-top:27px;margin-inline:-9px}.gr-context-token{width:27px;height:27px;border-radius:7px}.gr-context-token svg{width:17px;height:17px}.gr-context-token .bf-sofia-avatar{width:19px;height:19px}.gr-context-questions>span{font-size:7px;padding:5px;border-radius:6px;max-width:96px;white-space:normal}.gr-context-questions>span:nth-child(2){left:21%;width:87px}.gr-context-questions>span:nth-child(3){left:1%;width:91px}.eh-home .cp-problem.gr-context .vs-problem-points{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.gr-workspace-art>img{transition:none!important;translate:none!important}}

/* Measured reference proportions: full-height tangles, tight clusters and no extra callout. */
:root{--gr-context-surface:#fff}:root[data-theme=dark]{--gr-context-surface:var(--eh-bg)}
.eh-home .cp-problem.gr-context{position:relative;isolation:isolate;padding-block:38px 28px}.gr-context:before{content:'';position:absolute;inset:0;background:var(--gr-context-surface);box-shadow:0 0 0 100vmax var(--gr-context-surface);clip-path:inset(0 -100vmax);z-index:-2}
.eh-home .cp-problem.gr-context>.eh-heading{max-width:1150px}.eh-home .cp-problem.gr-context>.eh-heading h2{font-size:clamp(30px,3.5vw,50px);line-height:1.2;letter-spacing:-.045em}.gr-context h2>strong{font-weight:700}.eh-home .cp-problem.gr-context>.eh-heading p{font-size:18px;margin-top:20px}
.eh-home .cp-problem.gr-context .vs-context-art{height:auto;aspect-ratio:1240/270;margin:65px -12px 0}.eh-home .gr-context .cp-cable-render>img{object-fit:contain;opacity:1}:root[data-theme=dark] .eh-home .gr-context .cp-cable-render>img{opacity:.55}
.gr-context-token{width:48px;height:48px;border-radius:12px;box-shadow:0 2px 3px color-mix(in srgb,var(--eh-ink) 5%,transparent),0 7px 11px color-mix(in srgb,var(--eh-ink) 6%,transparent)}
.gr-context-tools .gr-token-a{left:22%;top:20%;transform:rotate(-10deg)}.gr-context-tools .gr-token-b{left:50%;top:6%;transform:rotate(21deg)}.gr-context-tools .gr-token-c{left:48%;top:39%;transform:rotate(18deg)}.gr-context-tools .gr-token-d{left:26%;top:58%;transform:rotate(-18deg)}.gr-context-tools .gr-token-e{left:65%;top:43%;transform:rotate(24deg)}
.gr-context-knowledge .gr-token-a{left:43%;top:-3%}.gr-context-knowledge .gr-token-b{left:37%;top:27%}.gr-context-knowledge .gr-token-c{left:58%;top:14%}.gr-context-knowledge .gr-token-d{left:36%;top:55%}.gr-context-knowledge .gr-token-e{left:72%;top:44%;color:var(--ps-mint)}
.gr-context-questions>span{font-size:14px;padding:10px 14px;line-height:1.5;border-radius:11px}.gr-context-questions>span:nth-child(1){left:18%;top:13%;transform:none}.gr-context-questions>span:nth-child(2){left:50%;top:30%;transform:none}.gr-context-questions>span:nth-child(3){left:21%;top:55%;transform:none}
.eh-home .cp-problem.gr-context .vs-problem-points{gap:40px;margin-top:0}.eh-home .cp-problem.gr-context .vs-problem-points article{padding:28px 15px 0 22px}.eh-home .cp-problem.gr-context .vs-problem-points h3{font-size:27px}.eh-home .cp-problem.gr-context .vs-problem-points p{font-size:16px;line-height:1.55;margin-top:8px}.gr-research-source{font-size:10px;line-height:1.6;color:var(--eh-muted);margin-top:26px;text-align:center}.gr-research-source a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.gr-context-token{width:40px;height:40px}.gr-context-token svg{width:23px;height:23px}.gr-context-questions>span{font-size:11px;padding:8px 10px}.gr-context-questions>span:nth-child(2){left:38%}.eh-home .cp-problem.gr-context .vs-problem-points h3{font-size:23px}.eh-home .cp-problem.gr-context .vs-problem-points p{font-size:14px}}
@media(max-width:760px){.eh-home .cp-problem.gr-context .vs-context-art{height:auto;aspect-ratio:1240/300;margin-top:45px}.gr-context-token{width:31px;height:31px;border-radius:8px}.gr-context-token svg{width:18px;height:18px}.gr-context-questions>span{font-size:8px;padding:6px;border-radius:7px;white-space:nowrap;max-width:none}.gr-context-questions>span:nth-child(1){left:8%;top:17%}.gr-context-questions>span:nth-child(2){left:28%;top:35%}.gr-context-questions>span:nth-child(3){left:6%;top:56%}.eh-home .cp-problem.gr-context .vs-problem-points{gap:18px}.eh-home .cp-problem.gr-context .vs-problem-points h3{font-size:20px}.eh-home .cp-problem.gr-context .vs-problem-points article{padding-left:13px;padding-top:15px}.eh-home .cp-problem.gr-context>.eh-heading p{font-size:16px}.gr-research-source{font-size:9px}}
@media(max-width:520px){.eh-home .cp-problem.gr-context>.eh-heading h2{font-size:28px}.eh-home .cp-problem.gr-context .vs-context-art{aspect-ratio:1240/350;margin-top:35px;margin-inline:-7px}.gr-context-token{width:24px;height:24px;border-radius:6px}.gr-context-token svg{width:15px;height:15px}.gr-context-questions>span{font-size:6px;padding:4px;line-height:1.5;border-radius:5px;white-space:normal;max-width:91px}.gr-context-questions>span:nth-child(2){left:21%;width:81px}.gr-context-questions>span:nth-child(3){left:4%;width:86px}.eh-home .cp-problem.gr-context .vs-problem-points{margin-top:16px;gap:16px}.eh-home .cp-problem.gr-context .vs-problem-points article{padding:0 0 0 14px}.eh-home .cp-problem.gr-context .vs-problem-points h3{font-size:21px}.eh-home .cp-problem.gr-context .vs-problem-points p{font-size:14px}.gr-research-source{margin-top:21px;text-align:left}}

/* Icon centers follow the 1240 by 270 reference artwork coordinates. */
@media(min-width:761px){.gr-context-tools .gr-token-a{left:26%}.gr-context-tools .gr-token-b{left:53%}.gr-context-tools .gr-token-c{left:52%}.gr-context-tools .gr-token-d{left:29%}.gr-context-tools .gr-token-e{left:69%}.gr-context-knowledge .gr-token-a{top:1%}.gr-context-knowledge .gr-token-b{left:42%;top:29%}.gr-context-knowledge .gr-token-c{top:20%}.gr-context-knowledge .gr-token-d{left:40%}.gr-context-knowledge .gr-token-e{left:67%}.gr-context-questions>span:nth-child(1){left:15%}.gr-context-questions>span:nth-child(2){top:27%}.gr-context-questions>span:nth-child(3){left:15%;top:46%}}

/* Preserve the rendered strap proportions; crop transparent padding only. */
.eh-home .gr-context .cp-cable-render>img{inset:auto;top:50%;left:0;translate:0 -50%;width:100%;height:auto;min-height:0;object-fit:contain}
