/* The homepage need cards share one animated journey; their copy stays readable. */
.need-journey [hidden]{display:none!important}
.need-journey .prod-stage{max-width:1200px;margin-inline:auto;scroll-margin-top:90px}
.jd-fig{--jd-paper:#fff;--jd-line:var(--hairline);--jd-scene-radius:10px;position:relative;isolation:isolate;overflow:hidden;margin:0;padding:24px;border:1px solid rgba(255,255,255,.35);border-radius:var(--nv-r);background:var(--averya-paint-noise),radial-gradient(ellipse at 100% 0%,#B98CFF 0%,transparent 56%),radial-gradient(ellipse at 0% 100%,#22D3EE 0%,transparent 62%),linear-gradient(135deg,#1436A6 0%,#2563EB 38%,#5B21B6 68%,#075985 100%);background-blend-mode:overlay,normal,normal,normal;box-shadow:0 24px 56px -32px rgba(20,54,166,.48)}
.jd-grain{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--averya-grain-overlay);mix-blend-mode:overlay}
.jd-panel{position:relative;z-index:1}
.jd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.jd-card{--jd-color:#2563EB;--jd-tint:#e9efff;--jd-ink:#1436A6;--jd-ramp:linear-gradient(150deg,#4F8BFF,#2563EB 45%,#1436A6);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);border-radius:15px;background:#fff;border:1px solid rgba(255,255,255,.58);box-shadow:0 14px 26px -20px rgba(8,21,59,.62);touch-action:manipulation}
.jd-card[data-domain="1"]{--jd-color:#0891B2;--jd-tint:#def8fc;--jd-ink:#075968;--jd-ramp:linear-gradient(150deg,#67E8F9,#22D3EE 46%,#0891B2)}
.jd-card[data-domain="2"]{--jd-color:#8B5CF6;--jd-tint:#f0e7ff;--jd-ink:#5B21B6;--jd-ramp:linear-gradient(150deg,#B98CFF,#8B5CF6 45%,#5B21B6)}
.jd-card[data-domain="3"]{--jd-color:#0284C7;--jd-tint:#e2f4fc;--jd-ink:#075985;--jd-ramp:linear-gradient(150deg,#38BDF8,#0284C7 45%,#075985)}
.jd-card-head{position:relative;isolation:isolate;display:flex;align-items:center;min-height:112px;padding:18px 16px;color:#fff;background:var(--averya-paint-noise),radial-gradient(96% 78% at 84% -8%,rgba(255,255,255,.32),transparent 56%),linear-gradient(180deg,transparent 38%,rgba(9,28,72,.28)),var(--jd-ramp);background-blend-mode:overlay,normal,normal,normal}
.jd-card-head::before{content:"";position:absolute;inset:0;z-index:0;background:var(--averya-grain-overlay);mix-blend-mode:overlay;pointer-events:none}
.jd-card-head>*{position:relative;z-index:1}
.jd-domain{font-size:18px;font-weight:800;color:inherit;margin:0;line-height:1.45;text-wrap:pretty}
.jd-card[data-domain="1"] .jd-card-head{color:#06282E}
.jd-card-body{position:relative;display:flex;flex-direction:column;flex:1;padding:16px}
.jd-copy{margin:0;font-size:15px;line-height:1.75;color:var(--ink-soft)}
.jd-link-arrow{display:flex;justify-content:flex-end;margin-top:auto;padding-top:16px;color:var(--jd-ink)}
.jd-link-arrow svg{width:17px;height:17px}
.jd-card:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(hover:hover){.jd-card:hover{box-shadow:0 16px 30px -14px rgba(8,21,59,.5)}.jd-card:hover .jd-domain{text-decoration:underline;text-underline-offset:4px}}
.jd-scene{position:relative;isolation:isolate;height:150px;margin-bottom:20px;overflow:hidden;border-radius:var(--jd-scene-radius);background:var(--averya-surface-noise),linear-gradient(145deg,var(--jd-tint),var(--jd-paper));background-blend-mode:overlay,normal,normal,normal,normal;perspective:600px;direction:ltr}
.jd-scene::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--jd-paper) 1px,transparent 1px),linear-gradient(90deg,var(--jd-paper) 1px,transparent 1px);background-size:20px 20px;opacity:.6}
.jd-piece{transform-origin:center}
.jd-browser,.jd-register,.jd-draft-sheet,.jd-artboard{position:absolute;background:var(--jd-paper);border:1px solid var(--jd-tint);border-radius:7px;box-shadow:0 12px 20px -14px var(--jd-ink)}
.jd-browser{inset:16px 14px}
.jd-browser-chrome{display:flex;align-items:center;gap:3px;height:17px;padding-inline:7px;border-bottom:1px solid var(--jd-tint)}
.jd-browser-chrome i{width:3px;height:3px;background:var(--jd-color);border-radius:50%;opacity:.6}
.jd-browser-chrome b{width:50%;height:4px;margin-left:6px;background:var(--jd-tint);border-radius:3px}
.jd-browser-layout{display:flex;align-items:center;gap:8px;padding:10px 9px 5px;height:61px}
.jd-browser-copy{display:grid;gap:5px;flex:1}
.jd-ink-line{display:block;height:4px;border-radius:3px;background:var(--jd-color);opacity:.42;transform-origin:left}
.jd-browser-copy .jd-ink-line:nth-child(2){width:75%}
.jd-mini-cta{display:block;width:28px;height:9px;background:var(--jd-ramp);border-radius:3px;margin-top:3px}
.jd-browser-image{width:42%;height:43px;border-radius:5px;background:var(--jd-ramp);position:relative;overflow:hidden}
.jd-browser-image i{position:absolute;width:24px;height:36px;border:1px solid var(--jd-paper);border-radius:12px 12px 4px 4px;bottom:-7px;left:calc(50% - 12px);transform:rotate(-18deg)}
.jd-browser-products{display:flex;gap:5px;padding:5px 9px}
.jd-browser-products>i{height:19px;flex:1;background:var(--jd-tint);border-radius:3px;border:1px solid var(--jd-tint)}
.jd-browser-products>i:nth-child(2){background:var(--jd-ramp);opacity:.6}
.jd-demo-pointer{position:absolute;width:17px;height:20px;inset:90px auto auto 45px;fill:var(--ink);stroke:var(--jd-paper);stroke-width:1.3;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));opacity:0}
.jd-register{inset:13px 12px;padding:9px}
.jd-register-head{height:14px;display:flex;gap:5px;align-items:center;margin-bottom:7px}
.jd-register-head i{width:9px;height:9px;border-radius:2px;background:var(--jd-color)}
.jd-register-head b{width:54%;height:4px;background:var(--jd-tint);border-radius:3px}
.jd-register-row{display:flex;gap:6px;align-items:center;border-top:1px solid var(--jd-tint);padding-block:6px}
.jd-record-icon{width:16px;height:16px;background:var(--jd-tint);border-radius:4px;flex:none;border:1px solid var(--jd-color)}
.jd-register-row>div{display:grid;gap:4px;flex:1}
.jd-register-row .jd-ink-line:nth-child(2){width:60%;height:3px;opacity:.22}
.jd-register-row svg{width:13px;height:13px;fill:none;stroke:var(--jd-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jd-source-sheet{position:absolute;inset:20px 43% 22px 13%;border-radius:5px;border:1px solid var(--jd-color);background:var(--averya-surface-noise),var(--jd-tint);background-blend-mode:overlay,normal,normal,normal,normal;padding:14px 8px;transform:rotate(-9deg)}
.jd-source-sheet i{display:block;height:4px;margin-bottom:9px;background:var(--averya-surface-noise),var(--jd-color);background-blend-mode:overlay,normal,normal,normal,normal;opacity:.35;border-radius:2px}
.jd-draft-sheet{inset:13px 13% 12px 34%;padding:13px 10px;transform:rotate(4deg)}
.jd-draft-mark{width:15px;height:15px;margin-bottom:10px;fill:none;stroke:var(--jd-color);stroke-width:1.5}
.jd-draft-sheet .jd-ink-line{margin-bottom:7px;height:3px}
.jd-draft-sheet .jd-ink-line:nth-child(3){width:82%}.jd-draft-sheet .jd-ink-line:nth-child(5){width:70%}
.jd-draft-sheet>b{display:block;width:27px;height:8px;background:var(--jd-tint);border-radius:3px;margin-top:9px}
.jd-artboard-back{position:absolute;inset:23px 39% 18px 10%;background:var(--averya-surface-noise),var(--jd-color);background-blend-mode:overlay,normal,normal,normal,normal;opacity:.6;border:1px solid var(--jd-paper);border-radius:5px;transform:rotate(-11deg);padding:12px}
.jd-artboard-back i{display:block;height:3px;background:var(--jd-paper);margin-bottom:6px;opacity:.7}
.jd-artboard{inset:13px 19% 12px 27%;padding:7px;transform:rotate(5deg)}
.jd-artwork{height:61px;background:var(--jd-ramp);border-radius:3px;position:relative;overflow:hidden;margin-bottom:8px}
.jd-artwork>i:first-child{position:absolute;inset:12px 24%;border:1px solid var(--jd-paper);transform:rotate(-20deg)}
.jd-artwork>i:last-child{position:absolute;inset:22px 38% 0;background:var(--jd-paper);opacity:.55;transform:rotate(20deg)}
.jd-artboard>.jd-ink-line{height:3px;margin-bottom:5px}.jd-artboard>.jd-ink-line:nth-of-type(2){width:65%}
.jd-artboard-foot{display:flex;justify-content:space-between;margin-top:9px}.jd-artboard-foot b{width:23px;height:5px;background:var(--jd-tint);border-radius:2px}.jd-artboard-foot i{width:6px;height:6px;background:var(--jd-color);border-radius:50%}
.jd-palette{display:flex;position:absolute;right:10px;bottom:20px;padding:5px;gap:3px;background:var(--jd-paper);border:1px solid var(--jd-tint);border-radius:4px;transform:rotate(-4deg)}
.jd-palette i{width:9px;height:9px;border-radius:2px;background:var(--jd-color)}.jd-palette i:nth-child(2){background:var(--jd-ink)}.jd-palette i:nth-child(3){background:var(--jd-tint)}
.jd-seal{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--jd-paper);border:1px solid var(--jd-color);box-shadow:0 4px 10px -6px var(--jd-ink);opacity:0}
.jd-seal svg{width:17px;height:17px;fill:none;stroke:var(--jd-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jd-fig[data-stage="0"] .jd-browser{transform:translateY(3px) rotate(-4deg)}
.jd-fig[data-stage="0"] .jd-browser-products i:nth-child(1){transform:translate(-5px,3px) rotate(-8deg)}
.jd-fig[data-stage="0"] .jd-browser-products i:nth-child(3){transform:translate(5px,5px) rotate(7deg)}
.jd-fig[data-stage="0"] .jd-register-row:nth-child(2){transform:translateX(-6px)}
.jd-fig[data-stage="0"] .jd-register-row:nth-child(3){transform:translateX(7px)}
.jd-fig[data-stage="0"] .jd-source-sheet{transform:translateX(-4px) rotate(-15deg)}
.jd-fig[data-stage="0"] .jd-artboard{transform:translate(5px,2px) rotate(9deg)}
.jd-fig[data-stage="1"] .jd-scene{background:var(--averya-surface-noise),var(--jd-tint);background-blend-mode:overlay,normal,normal,normal,normal;}
.jd-fig[data-stage="1"] :is(.jd-browser,.jd-register,.jd-draft-sheet,.jd-artboard){border-style:dashed;border-color:var(--jd-color);box-shadow:none}
.jd-fig[data-stage="2"] .jd-demo-pointer,.jd-fig[data-stage="3"] .jd-seal{opacity:1}
.jd-fig[data-stage="3"] .jd-browser,.jd-fig[data-stage="3"] .jd-draft-sheet,.jd-fig[data-stage="3"] .jd-artboard{transform:none}

/* A repeated task moves through connected steps without changing the card text. */
.jd-flow-wire{position:absolute;top:24px;bottom:24px;left:34px;width:2px;background:var(--jd-color);opacity:.3}
.jd-flow-node{position:absolute;left:14px;right:14px;height:32px;padding:7px 10px;display:flex;align-items:center;gap:10px;background:var(--jd-paper);border:1px solid var(--jd-tint);border-radius:7px;box-shadow:0 8px 16px -12px var(--jd-ink)}
.jd-flow-node:nth-of-type(2){top:15px}.jd-flow-node:nth-of-type(3){top:60px}.jd-flow-node:nth-of-type(4){top:105px}
.jd-flow-symbol{width:16px;height:16px;border-radius:4px;background:var(--jd-ramp);flex:none}
.jd-flow-node .jd-ink-line{width:54%;height:4px}
.jd-flow-check{margin-left:auto;width:16px;height:16px;opacity:0}
.jd-flow-check svg{width:100%;height:100%;fill:none;stroke:var(--jd-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jd-fig[data-stage="0"] .jd-flow-node:nth-of-type(2){transform:translate(-4px,3px) rotate(-4deg)}
.jd-fig[data-stage="0"] .jd-flow-node:nth-of-type(3){transform:translate(5px,-1px) rotate(3deg)}
.jd-fig[data-stage="0"] .jd-flow-node:nth-of-type(4){transform:translate(-2px,2px) rotate(-2deg)}
.jd-fig[data-stage="1"] .jd-flow-node{border-style:dashed;border-color:var(--jd-color);box-shadow:none}
.jd-fig[data-stage="2"] .jd-flow-check,.jd-fig[data-stage="3"] .jd-flow-check{opacity:1}
.jd-fig.is-off .jd-scene{will-change:auto}
@media(max-width:1000px){.jd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-card-head{min-height:90px}}
@media(max-width:560px){
 .need-journey{padding-block:36px}.need-journey .padding-global{padding-inline:12px}.need-journey .about-head{margin-bottom:22px}
 .jd-fig{padding:12px 8px}
 .jd-grid{gap:8px}.jd-card{border-radius:11px}.jd-card-head{min-height:76px;padding:10px 9px}.jd-domain{font-size:14px;line-height:1.4}
 .jd-card-body{padding:8px}.jd-copy{font-size:12.5px;line-height:1.5}.jd-scene{height:90px;margin-bottom:8px;flex:none}.jd-link-arrow{padding-top:9px}.jd-link-arrow svg{width:14px;height:14px}

 .jd-browser{inset:6px}.jd-browser-chrome{height:10px}
 .jd-browser-layout{height:40px;padding:5px}.jd-browser-image{height:29px}
 .jd-browser-products{padding:2px 5px}.jd-browser-products>i{height:10px}
 .jd-register{inset:5px;padding:5px}.jd-register-head{height:10px;margin-bottom:1px}
 .jd-register-row{padding-block:3px}.jd-record-icon{width:10px;height:10px}
 .jd-register-row>div{gap:3px}.jd-register-row .jd-ink-line{height:3px}
 .jd-source-sheet{inset:13px 43% 13px 13%;padding:9px 6px}.jd-source-sheet i{margin-bottom:7px;height:3px}
 .jd-draft-sheet{inset:7px 13% 7px 34%;padding:7px}.jd-draft-mark{width:11px;height:11px;margin-bottom:5px}
 .jd-draft-sheet .jd-ink-line{height:2px;margin-bottom:4px}.jd-draft-sheet>b{height:5px;margin-top:4px}
 .jd-artboard{inset:7px 18% 7px 23%}.jd-artwork{height:33px;margin-bottom:4px}
 .jd-artboard>.jd-ink-line{height:2px;margin-bottom:4px}.jd-artboard-foot{margin-top:4px}
 .jd-artboard-back{inset:15px 39% 10px 10%;padding:8px}
 .jd-demo-pointer{inset:53px auto auto 23px}

 .jd-seal{width:22px;height:22px;right:5px;bottom:5px}.jd-seal svg{width:14px;height:14px}
 .jd-flow-wire{top:16px;bottom:16px;left:21px}.jd-flow-node{left:5px;right:5px;height:21px;padding:4px 6px;gap:6px;border-radius:4px}.jd-flow-node:nth-of-type(2){top:7px}.jd-flow-node:nth-of-type(3){top:34px}.jd-flow-node:nth-of-type(4){top:61px}.jd-flow-symbol{width:10px;height:10px;border-radius:2px}.jd-flow-node .jd-ink-line{height:3px}.jd-flow-check{width:10px;height:10px}
}
@media(max-width:374px){
 .jd-fig{padding:8px 6px}.jd-card-head{padding:8px 6px;min-height:70px}.jd-domain{font-size:13px}.jd-copy{font-size:12px;line-height:1.45}.jd-card-body{padding:7px}.jd-link-arrow{padding-top:2px}
 .jd-scene{height:54px}.jd-flow-node{height:12px;padding:1px 5px}.jd-flow-node:nth-of-type(2){top:4px}.jd-flow-node:nth-of-type(3){top:21px}.jd-flow-node:nth-of-type(4){top:38px}.jd-flow-wire{left:20px}
 .jd-browser{inset:4px}.jd-browser-layout{height:22px;padding-block:2px}.jd-browser-image{height:20px}.jd-browser-products>i{height:5px}.jd-browser-products{padding-block:1px}.jd-demo-pointer{inset:43px auto auto 20px}
 .jd-register{inset:4px;padding:4px}.jd-register-row{padding-block:1px}.jd-register-head{height:6px}.jd-register-row>div{gap:2px}.jd-record-icon{width:6px;height:6px}
 .jd-source-sheet{inset-block:9px;padding-block:6px}.jd-draft-sheet{inset-block:5px;padding:5px}.jd-draft-mark{margin-bottom:3px}.jd-draft-sheet .jd-ink-line{margin-bottom:3px}.jd-draft-sheet>b{height:4px;margin-top:3px}
}
@media(max-width:374px){html[lang="en"] .jd-domain{font-size:12.5px;line-height:1.36}html[lang="en"] .jd-copy{line-height:1.4}}
@media (prefers-reduced-motion:reduce){.jd-fig,.jd-fig *,.jd-fig *::before,.jd-fig *::after{transition:none!important;animation:none!important}.jd-demo-pointer{display:none}.need-journey .prod-play{display:none!important}}