/* Developer-owned illustration. Shared hero typography and actions remain unchanged. */
.hf-site .hf-domain-story{position:relative;isolation:isolate;min-width:0;padding:26px 24px 20px;border-radius:28px;background:radial-gradient(ellipse at 95% 5%,color-mix(in srgb,var(--wp--preset--color--mint) 30%,transparent),transparent 65%),var(--wp--preset--color--mint-soft);color:var(--wp--preset--color--ink)}
.hf-site .hf-domain-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;line-height:1.5}
.hf-site .hf-domain-playback{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;color:var(--wp--preset--color--green);background:color-mix(in srgb,var(--wp--preset--color--white) 70%,transparent);cursor:pointer}
.hf-site .hf-domain-playback svg{width:18px;height:18px}.hf-site .hf-domain-play{display:none}.hf-site .hf-domain-playback[aria-pressed=true] .hf-domain-play{display:block}.hf-site .hf-domain-playback[aria-pressed=true] .hf-domain-pause{display:none}
.hf-site .hf-domain-art{position:relative;height:360px;margin:14px 0 16px;isolation:isolate}
.hf-site .hf-domain-halo{position:absolute;width:80%;aspect-ratio:1;left:10%;top:3%;border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--white) 28%,transparent);z-index:-1}
.hf-site .hf-domain-browser{position:absolute;top:18px;left:4%;width:92%;border-radius:18px;background:var(--wp--preset--color--white);box-shadow:0 14px 36px color-mix(in srgb,var(--wp--preset--color--green) 9%,transparent);overflow:hidden}
.hf-site .hf-domain-browser-bar{display:flex;align-items:center;gap:5px;padding:12px 16px;border-bottom:1px solid var(--wp--preset--color--mint-soft)}
.hf-site .hf-domain-browser-bar>span{width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--green) 25%,transparent)}
.hf-site .hf-domain-browser-bar small{margin-left:auto;font-size:10px;line-height:1;color:var(--wp--preset--color--muted)}
.hf-site .hf-domain-address{display:flex;align-items:center;justify-content:center;gap:9px;padding:17px 8px 6px;color:var(--wp--preset--color--green);font-size:clamp(15px,1.5vw,21px);font-weight:600;white-space:nowrap;line-height:1.4}
.hf-site .hf-domain-address svg{width:22px;height:22px;flex-shrink:0}
.hf-site .hf-domain-typed{display:block}
.hf-site .hf-domain-browser-caption{display:block;text-align:center;padding:0 12px 17px;font-size:11px;color:var(--wp--preset--color--muted)}
.hf-site .hf-domain-extension{position:absolute;top:164px;display:grid;place-items:center;width:68px;height:54px;border-radius:16px;background:var(--wp--preset--color--white);color:var(--wp--preset--color--green);font-family:var(--wp--preset--font-family--sora);font-weight:600;font-size:22px;box-shadow:0 9px 24px color-mix(in srgb,var(--wp--preset--color--green) 8%,transparent)}
.hf-site .hf-domain-nl{left:calc(50% - 110px);transform:translateX(76px);background:var(--wp--preset--color--green);color:var(--wp--preset--color--white)}
.hf-site .hf-domain-com{left:calc(50% - 34px);opacity:0}.hf-site .hf-domain-eu{left:calc(50% + 42px);opacity:0}
.hf-site .hf-domain-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.hf-site .hf-domain-connections path{stroke:var(--wp--preset--color--green);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-linecap:round}
.hf-site .hf-domain-endpoint{position:absolute;top:275px;width:47%;padding:12px 5px 13px;text-align:center;border-radius:16px;background:var(--wp--preset--color--white);box-shadow:0 12px 32px color-mix(in srgb,var(--wp--preset--color--green) 8%,transparent);line-height:1.5}
.hf-site .hf-domain-website{left:0}.hf-site .hf-domain-email{right:0}
.hf-site .hf-domain-icon{display:grid;place-items:center;width:32px;height:32px;margin:-26px auto 8px;border-radius:10px;background:var(--wp--preset--color--white);color:var(--wp--preset--color--green)}
.hf-site .hf-domain-icon svg{width:23px;height:23px}.hf-site .hf-domain-endpoint strong{display:block;font-size:14px;font-weight:600}.hf-site .hf-domain-endpoint>span:last-child{display:block;font-size:clamp(9px,.9vw,12px);color:var(--wp--preset--color--muted);white-space:nowrap}
.hf-site .hf-domain-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hf-site .hf-domain-controls button{position:relative;min-width:0;padding:13px 4px;border:0;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--wp--preset--color--white) 60%,transparent);color:var(--wp--preset--color--green);font:inherit;font-weight:600;font-size:12px;line-height:1.5;cursor:pointer;transition:background .18s,color .18s}
.hf-site .hf-domain-controls button[aria-pressed=true]{background:var(--wp--preset--color--green);color:var(--wp--preset--color--white)}
.hf-site .hf-domain-controls button>span{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--wp--preset--color--mint);transform:scaleX(0);transform-origin:left}
.hf-site .hf-domain-story .hf-domain-disclaimer{margin:15px 0 0;text-align:center;font-size:10px;line-height:1.6;color:var(--wp--preset--color--muted)}
.hf-site .hf-domain-story button:focus-visible{outline:2px solid var(--wp--preset--color--green);outline-offset:4px}
@media(hover:hover){.hf-site .hf-domain-playback:hover,.hf-site .hf-domain-controls button:not([aria-pressed=true]):hover{background:var(--wp--preset--color--white)}}
@media(max-width:1100px) and (min-width:761px){.hf-site .hf-domain-story{padding:22px 16px}.hf-site .hf-domain-top{font-size:12px}.hf-site .hf-domain-controls button{font-size:10px}}
@media(max-width:760px){.hf-site .hf-domain-story{width:100%;max-width:560px;margin:0 auto;padding:24px 18px;border-radius:24px}.hf-site .hf-domain-address{font-size:18px}.hf-site .hf-domain-endpoint>span:last-child{font-size:10px}}
@media(max-width:380px){.hf-site .hf-domain-story{padding:20px 12px}.hf-site .hf-domain-top{font-size:12px}.hf-site .hf-domain-address{font-size:16px;gap:6px}.hf-site .hf-domain-endpoint strong{font-size:12px}.hf-site .hf-domain-endpoint>span:last-child{font-size:9px}.hf-site .hf-domain-controls button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hf-site .hf-domain-controls button{transition:none}.hf-site .hf-domain-playback{visibility:hidden}}