/* Six editorial subjects, six visual metaphors. */
.subject-art{position:relative;isolation:isolate;overflow:hidden;width:100%;height:230px;background:#eee7fa;color:#483b58;container-type:inline-size}
.subject-workflow{background:linear-gradient(140deg,#f4f9e9,#e8f2ce)}.subject-support{background:linear-gradient(125deg,#f5f1fc,#e5dcfa)}.subject-brief{background:#f4f2f9}.subject-oversight{background:linear-gradient(145deg,#ece5f7,#f5f8ec)}.subject-launch{background:linear-gradient(145deg,#f4f7e9,#e9f5ce)}
.subject-svg{display:block;width:100%;height:100%;overflow:visible;position:relative;z-index:1}
.subject-svg text{font-family:Poppins,Arial,sans-serif;fill:#59496a}.subject-svg .sa-title{font-family:Space,Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-1px;fill:#3a2d47}.subject-svg .sa-title-sm{font-size:22px}.subject-svg .sa-label{font-size:11px;font-weight:500;letter-spacing:-.15px}.subject-svg .sa-small{font-size:8px;letter-spacing:1px;fill:#685478}.subject-svg .sa-centered{text-anchor:middle}
.subject-svg .sa-paper{fill:#fff;stroke:#d8cce5;stroke-width:1.1}.subject-svg .sa-lilac{fill:#e2d5f6;stroke:#c5b1e0;stroke-width:1.1}.subject-svg .sa-lime{fill:#d3fa71;stroke:#bed67f;stroke-width:1.1}.subject-svg .sa-shadow{fill:#bba3d52b;stroke:none}
.subject-svg .sa-ink-line,.subject-svg .sa-purple-line,.subject-svg .sa-soft-line{fill:none;stroke:#685379;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.subject-svg .sa-purple-line{stroke:#9b7abd}.subject-svg .sa-soft-line{stroke:#dbd2e5;stroke-width:4}.subject-svg .sa-guide{fill:none;stroke:#cfc0df;stroke-width:1;stroke-dasharray:3 5}.subject-svg .sa-arrow-stroke{stroke-width:2.4}
.subject-svg .sa-compare-rule{transform:rotate(-9deg);transform-origin:110px 150px;transition:transform .55s cubic-bezier(.2,1,.3,1)}.subject-svg .sa-compare-copilot{transform:rotate(1deg);transform-origin:241px 134px;transition:transform .55s cubic-bezier(.2,1,.3,1)}.subject-svg .sa-compare-agent{transform:rotate(8deg);transform-origin:373px 147px;transition:transform .55s cubic-bezier(.2,1,.3,1)}
.journal-card:hover .sa-compare-rule,.journal-card:focus-within .sa-compare-rule{transform:translate(-3px,3px) rotate(-12deg)}.journal-card:hover .sa-compare-copilot,.journal-card:focus-within .sa-compare-copilot{transform:translateY(-7px) rotate(-2deg)}.journal-card:hover .sa-compare-agent,.journal-card:focus-within .sa-compare-agent{transform:translate(4px,-9px) rotate(3deg)}
.subject-svg .sa-workflow-track{fill:none;stroke:#bacba0;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.subject-svg .sa-workflow-signal{fill:none;stroke:#a184c9;stroke-width:3;stroke-dasharray:12 28;stroke-linecap:round;animation:subject-flow 7s linear infinite}.subject-svg .sa-workflow-person{transform-origin:382px 241px;transition:transform .4s}.subject-svg .sa-workflow-action{transition:transform .4s}.journal-card:hover .sa-workflow-action,.journal-card:focus-within .sa-workflow-action{transform:translateY(-8px)}.journal-card:hover .sa-workflow-person,.journal-card:focus-within .sa-workflow-person{transform:rotate(-8deg)}
.subject-svg .sa-support-arc{fill:none;stroke:#cab8dd;stroke-width:1.1}.subject-svg .sa-support-question{transform:rotate(-5deg);transform-origin:174px 108px;transition:transform .45s}.subject-svg .sa-support-answer{transform:rotate(4deg);transform-origin:301px 185px;transition:transform .45s}.subject-svg .sa-support-human{transform:rotate(-8deg);transform-origin:126px 227px;transition:transform .45s}.subject-svg .sa-support-dots{fill:#a188be;animation:subject-dots 3s ease-in-out infinite}.journal-card:hover .sa-support-question,.journal-card:focus-within .sa-support-question{transform:translateY(-6px) rotate(-3deg)}.journal-card:hover .sa-support-answer,.journal-card:focus-within .sa-support-answer{transform:translate(5px,-2px) rotate(1deg)}.journal-card:hover .sa-support-human,.journal-card:focus-within .sa-support-human{transform:translate(-2px,3px) rotate(-4deg)}
.subject-svg .sa-blueprint-grid{fill:none;stroke:#c9bbdc;stroke-width:.75;opacity:.45}.subject-svg .sa-brief-plan{transform:rotate(-4deg);transform-origin:218px 153px;transition:transform .5s}.subject-svg .sa-brief-bounds{fill:none;stroke:#b89bcd;stroke-width:1.2;stroke-linecap:round}.subject-svg .sa-brief-target{transform-origin:353px 93px;transition:transform .65s cubic-bezier(.2,1,.3,1)}.subject-svg .sa-brief-note{transform:rotate(5deg);transform-origin:329px 226px;transition:transform .5s}.journal-card:hover .sa-brief-plan,.journal-card:focus-within .sa-brief-plan{transform:rotate(-1deg)}.journal-card:hover .sa-brief-target,.journal-card:focus-within .sa-brief-target{transform:rotate(25deg) scale(1.07)}.journal-card:hover .sa-brief-note,.journal-card:focus-within .sa-brief-note{transform:translateY(-4px) rotate(2deg)}
.subject-svg .sa-switch-on{fill:#607535}.subject-svg .sa-switch-off{fill:#fff;stroke:#c5b1e0;stroke-width:1}.subject-svg .sa-shield-inner{fill:none;stroke:#c6b3dd;stroke-width:1}.subject-svg .sa-oversight-shield{transform:rotate(6deg);transform-origin:353px 156px;transition:transform .55s}.subject-svg .sa-oversight-seal{transform-origin:402px 234px;transition:transform .55s}.journal-card:hover .sa-oversight-shield,.journal-card:focus-within .sa-oversight-shield{transform:translateY(-7px) rotate(0deg)}.journal-card:hover .sa-oversight-seal,.journal-card:focus-within .sa-oversight-seal{transform:rotate(-9deg)}
.subject-svg .sa-launch-base{fill:none;stroke:#bbca9f;stroke-width:1.5}.subject-svg .sa-launch-step{transition:transform .5s cubic-bezier(.2,1,.3,1)}.subject-svg .sa-launch-route{fill:none;stroke:#ab8bc8;stroke-width:1.5;stroke-dasharray:5 6;animation:subject-flow 9s linear infinite}.subject-svg .sa-launch-spark{transform-origin:93px 82px;animation:subject-spark 12s linear infinite}.journal-card:hover .sa-launch-step-two,.journal-card:focus-within .sa-launch-step-two{transform:translateY(-5px)}.journal-card:hover .sa-launch-step-three,.journal-card:focus-within .sa-launch-step-three{transform:translateY(-10px)}
.subject-art-cover{height:320px;max-width:100%;border:1px solid #ded3ea;border-radius:22px;box-shadow:0 12px 0 -7px #e4d9f0}.subject-art-cover .subject-svg{width:100%;height:100%}
@keyframes subject-flow{to{stroke-dashoffset:-160}}@keyframes subject-dots{0%,100%{opacity:.4}50%{opacity:1}}@keyframes subject-spark{to{transform:rotate(360deg)}}
@media(max-width:1000px){.subject-art{height:215px}.subject-art-cover{height:310px}}
@media(max-width:650px){.subject-art{height:240px}.subject-art-cover{height:290px;border-radius:17px}}
@media(max-width:360px){.subject-art{height:220px}.subject-art-cover{height:250px}}
.motion-paused .subject-svg *{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.subject-svg *{animation:none!important;transition:none!important}}

.subject-art-spotlight{height:245px;border-radius:13px}
@media(max-width:650px){.subject-art-spotlight{height:235px}}
@media(max-width:360px){.subject-art-spotlight{height:220px}}
